react-native初学者积累的经验
写在前面
1.react-native更新频率快，很多时候遇到的问题百度上之前的解决方案并不能解决问题
2.开发环境的配置稍微麻烦些，但是官方文档上写得很详细，跟着一步一步做不会有问题
3.很多第三方组件不能及时更新，兼容最新版本或者高版本的rn，有的第三方组件需要修改配置文件，android文件下有不同层级的同名文件，修改时需注意
一、练习项目
这是一个自己初步学习制作的一个小项目，主要是使用react-native-navgitation插件实现页面的跳转
项目代码地址：https://github.com/jishuaizhen/react-native-demo.git
1.主页面
2.订单登录页面
3.个人中心页面
二、登录功能和支付功能
本项目只是实现简单的页面切换效果，登录功能的话绑定提交事件将用户名和密码发到后台请求验证，防止用户重复提交可利用定时器设置倒计时，支付功能的话可以利用react-native-puti-pay第三方插件，支付宝和微信都可以调用，前端只需要在调用的时候给后端提供金额即可
三、学习过程中的一些经验
1.ScrollView
居中属性需要在配置项中备注contentContainerStyle={styles.sviewin}
2.FlatList
renderItem配置函数
keyExtractor key值配置
3.View不支持点击事件
可以替换为TouchableOpacity等替代组件
4.Dimensions
获取屏幕宽度的组件
5.react-native-navgitation
在导航中默认图标是不显示的，需要设置特定属性
this.props.navigation.navigate(‘NewsPage’,{id:1})
接收数据let id = this.props.navigation.state.params.id;
6.react-native-swiper
7.AsyncStorage
AsyncStorage.setItem(‘hd’,‘123’)
AsyncStorage.getItem(‘hd’,(err,res)=>{alert(res)})
8.事件绑定this
onPress={this._onPress.bind(this)}
9.react-native-storage
封装本地存储的库
10.react-native init ** --version 0.51.0
在初始化项目的时候确定版本
11.启动页
react-native-splash-screen
除了按照文档配置，修改MainActivity.java并添加对应模块
创建一个名为 launch_screen.xml 的布局文件，并添加启动图片
12.react-native-image-crop-picker
图片选择的第三方插件
在按照文档配置完毕之后还需要手动配置一些文件
13.rn项目在运行是报出classpath解析错误
在android目录下添加local.properties文件名文件，文件内容
//sdk.dir=(你电脑上android-sdk的路径)
//我电脑上android-sdk的路径为“D:\android-sdk”，为了防止“/”转译，所以我的文件内容是：
sdk.dir=D:\\android-sdk
这是错误的原因之一，如果不能解决百度谷歌其他解决方案
14.登录的时候需要将登录信息和token存储在本地，本地的存取是异步操作，一般需要在存取完毕之后就行页面的跳转
15.react-native-puti-pay
微信和支付宝支付插件
需要去支付宝和微信平台申请支付商户
写在最后
自己刚刚接触react-native，有感兴趣的朋友可以一起交流学习