前端

React Native学习之组件通讯三种方案

React Native学习之组件通讯三种方案

前文购物车案例:Gouwu组件pop之后,Home组件的已选商品数量如何更新? 前文采用的是 Navigator 传递参数的方式,现做一下总结。 //navigator.push()传递参数 goGouWu() { const { navigator } = this.props;

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之物理back键详解

React Native学习之物理back键详解

基本使用 在前文代码的基础上,分析路由栈的结构:Home -> Gouwu 栈:先进后出,后进先出 点击返回键返回上一级页面关键代码: componentWillMount() { if (Platform.OS === 'android') {

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之AsyncStorage API

React Native学习之AsyncStorage API

AsyncStorage是一个简单的、具有异步特性的键值对的存储系统,并且是全局的!替代LocalStorage。相当于 Android 中的SharedPreference和 iOS 中的NSUserDefalut。 AsyncStorage里面都有一个回调函数,而回调的第一个参数都是错误对象,如

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之AppRegistry API

React Native学习之AppRegistry API

只有配合使用React Native的常用组件和常用API,才能更好的开发应用程序 AppRegistry是JS运行所有React Native应用的入口函数。 应用程序入口组件使用AppRegistry.registerComponent来注册。当注册完应用程序组件后,Native系统就会加载js

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之如何调试

React Native学习之如何调试

打开开发者菜单 (Android 5.0及以上)不用设置ip和端口: 开启USB调试,使用adb reverse命令,运行 adb reverse tcp:8081 tcp:8081 即可使用 Reload JS 和其它开发选项 大部分现代的安卓设备已经没有了硬件"Menu"按

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之Windows下安装苹果 Mac OS X

React Native学习之Windows下安装苹果 Mac OS X

React Native 开发 iOS 必须使用苹果操作系统 Mac OS X Mac:可以直接调试 iOS 与 Android Windows:只能调试 Android 黑苹果:自从苹果采用Intel的处理器,OS X被黑客破解后可以安装在Intel CPU与部分AMD CPU的机器上。从而

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之开源侧边栏组件react-native-side-menu

React Native学习之开源侧边栏组件react-native-side-menu

react-native-side-menu开源组件:https://github.com/react-native-community/react-native-side-menu 安装:npm i react-native-side-menu --save 使用:import SideMenu

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之开源Tab导航组件react-native-tab-navigator

React Native学习之开源Tab导航组件react-native-tab-navigator

开源组件react-native-tab-navigator:https://github.com/exponentjs/react-native-tab-navigator 安装:npm install react-native-tab-navigator --save 使用:import Tab

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之ListView组件

React Native学习之ListView组件

ListView组件 Android 原生 ListView 实现(MVC方式):ListView Adapter List集合数据 iOS 原生 ListView 实现:UITableView(sectionId、rowId、rowData) ListView组件是React Native中

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之WebView组件

React Native学习之WebView组件

Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。 重点理解:为什么rn中会有WebView? WebView组件的属性 automaticallyAdj

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之开源轮播组件react-native-swiper

React Native学习之开源轮播组件react-native-swiper

Github:https://github.com/leecade/react-native-swiper 支持 Android/iOS 在项目的根目录(即package.json文件所在的目录)执行 npm 的命令: 安装模块:npm i react-native-swiper --save

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之仿异步获取网络数据

React Native学习之仿异步获取网络数据

实现异步获取网络数据 Android原生开发:子线程+handler机制,异步任务AsyncTask React Native擅长UI界面处理,通过this.state触发刷新 RN中的网络请求:XMLHttpRequest Fetch /** * Sample React Native App

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之ViewPagerAndroid做引导页

React Native学习之ViewPagerAndroid做引导页

实战:使用ViewPagerAndroid实现引导页 涉及的知识点: 组件如何联动 符合ES6的标准写法 组件的封装,非常灵活 Navigator路由的用法 index.android.js /** * Sample React Native App * https://github.co

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之ViewPagerAndroid组件

React Native学习之ViewPagerAndroid组件

一个允许在子视图之间左右翻页的容器。每一个ViewPagerAndroid的子容器会被视作一个单独的页,并且会被拉伸填满ViewPagerAndroid。 注意所有的子视图都必须是纯View,而不能是自定义的复合容器。 ViewPagerAndroid组件的属性 initialPage:初始

Joe.Ye Joe.Ye 2023-02-25
0 0 0
React Native学习之DrawerLayoutAndroid组件

React Native学习之DrawerLayoutAndroid组件

封装了平台DrawerLayout(仅限安卓平台)的React组件。抽屉(通常用于导航切换)是通过renderNavigationView方法渲染的,并且DrawerLayoutAndroid的直接子视图会成为主视图(用于放置你的内容)。导航视图一开始在屏幕上并不可见,不过可以从drawerPosi

Joe.Ye Joe.Ye 2023-02-25
0 0 0
1 14 15 16 17 18 20