前文购物车案例:Gouwu组件pop之后,Home组件的已选商品数量如何更新? 前文采用的是 Navigator 传递参数的方式,现做一下总结。 //navigator.push()传递参数 goGouWu() { const { navigator } = this.props;
基本使用 在前文代码的基础上,分析路由栈的结构:Home -> Gouwu 栈:先进后出,后进先出 点击返回键返回上一级页面关键代码: componentWillMount() { if (Platform.OS === 'android') {
AsyncStorage是一个简单的、具有异步特性的键值对的存储系统,并且是全局的!替代LocalStorage。相当于 Android 中的SharedPreference和 iOS 中的NSUserDefalut。 AsyncStorage里面都有一个回调函数,而回调的第一个参数都是错误对象,如
只有配合使用React Native的常用组件和常用API,才能更好的开发应用程序 AppRegistry是JS运行所有React Native应用的入口函数。 应用程序入口组件使用AppRegistry.registerComponent来注册。当注册完应用程序组件后,Native系统就会加载js
打开开发者菜单 (Android 5.0及以上)不用设置ip和端口: 开启USB调试,使用adb reverse命令,运行 adb reverse tcp:8081 tcp:8081 即可使用 Reload JS 和其它开发选项 大部分现代的安卓设备已经没有了硬件"Menu"按
React Native 开发 iOS 必须使用苹果操作系统 Mac OS X Mac:可以直接调试 iOS 与 Android Windows:只能调试 Android 黑苹果:自从苹果采用Intel的处理器,OS X被黑客破解后可以安装在Intel CPU与部分AMD CPU的机器上。从而
react-native-side-menu开源组件:https://github.com/react-native-community/react-native-side-menu 安装:npm i react-native-side-menu --save 使用:import SideMenu
开源组件react-native-tab-navigator:https://github.com/exponentjs/react-native-tab-navigator 安装:npm install react-native-tab-navigator --save 使用:import Tab
ListView组件 Android 原生 ListView 实现(MVC方式):ListView Adapter List集合数据 iOS 原生 ListView 实现:UITableView(sectionId、rowId、rowData) ListView组件是React Native中
Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。 重点理解:为什么rn中会有WebView? WebView组件的属性 automaticallyAdj
Github:https://github.com/leecade/react-native-swiper 支持 Android/iOS 在项目的根目录(即package.json文件所在的目录)执行 npm 的命令: 安装模块:npm i react-native-swiper --save
实现异步获取网络数据 Android原生开发:子线程+handler机制,异步任务AsyncTask React Native擅长UI界面处理,通过this.state触发刷新 RN中的网络请求:XMLHttpRequest Fetch /** * Sample React Native App
实战:使用ViewPagerAndroid实现引导页 涉及的知识点: 组件如何联动 符合ES6的标准写法 组件的封装,非常灵活 Navigator路由的用法 index.android.js /** * Sample React Native App * https://github.co
一个允许在子视图之间左右翻页的容器。每一个ViewPagerAndroid的子容器会被视作一个单独的页,并且会被拉伸填满ViewPagerAndroid。 注意所有的子视图都必须是纯View,而不能是自定义的复合容器。 ViewPagerAndroid组件的属性 initialPage:初始
封装了平台DrawerLayout(仅限安卓平台)的React组件。抽屉(通常用于导航切换)是通过renderNavigationView方法渲染的,并且DrawerLayoutAndroid的直接子视图会成为主视图(用于放置你的内容)。导航视图一开始在屏幕上并不可见,不过可以从drawerPosi