react-native踩过的坑

React-native

1.Text文本中插入图片：View用弹性布局

   

       

    

2.FlatList onEndReached 频繁调用，将onEndReached={this._onEndReached改为箭头函数 （）=>this._onEndReached}

3.react-native 安装0.56出错问题，出现如图所示两张图，且版本是0.56，解决方法是安装稳定版本，如0.55.4

4.react-navigation

    4.1 createStackNavigator:用于页面跳转和传递参数(要跳转的页面必须在createStackNavigator中定义)。

   4.2  createAppContainer：3.x以后新增。需要将createStacknavigator的内容传给createAppContainer。

    4.3 createBottom(Top)TabNavigator:底部Tab或者顶部Tab,createTabNavigator已弃用。

       

  

4.4 tab页面中的navigationOptions会与createStackNavigator中的navigationOptions冲突，所以在tab页面中设置navigationOptions来显示标题栏是不可用给的，需要将tab中的标题栏设置如上上图所示设置。

4.5 页面之间的跳转，传值：在界面组件注入到StackNavigator中时，界面组件就被赋予了navigation属性，即在界面组件中可以通过【this.props.navigation】获取并进行一些操作。

         const {navigate，state.params} =  this.props.navigation

   4.5.1 跳转： navigate(要跳转的页面，需要在栈导航器中定义)

  4.5.2 传值： navigate(‘要跳转的页面，需要在栈导航器中定义‘，‘第二参数为要传递的参数，已key:value传递如{name:'张三}’)

  4.5.3  接收:   在跳转后的页面接收参数state.params.name

5.react-native安装指定版本 raect-native init rnName --version 版本号 可加上 --verbose显示安装详情