RN创建导航相关内容

使iOS 安卓公用同一端口

1. 修改默认的引导过程

  1. 将index.ios.js 和 index.andriod.js中的默认内容清空
  2. 创建一个用于装载路由文件的js文件(app.js)
  3. 配置app.js文件 并在index.xx.xxx文件中导入装载路由的文件
    import root from './App/app'

2. 在页面中创建一个导航栏

    static navigationOptions = {
               header: {
                  style:{backgroundColor:NavigationBackgroundColor},
                  tintColor:'white',
              },
              title: '分类',
          }

3. RN页面导航栏的跳转办法

cellOnclick(data) {
   this.props.navigation.navigate('GoodList', { gcId: data.gcId, gcIdSearch:'gcIdSearch' })
 }

注 : 若是想要在RN中跳转到某个路由器 需要在router.js中声明这个类

 e.g. :        
 MainNavigator = StackNavigator( { AccountManagement: {screen: AccountManagement},//账户管理}

需要注意的是路由中声明screen的时候需要确保需要的组件(Component)在声明之前创建的

4. RN强行返回到指定页面

  back() {
    const resetAction = NavigationActions.reset({
        index: 0,
        actions: [
            NavigationActions.navigate({ routeName: 'Main'})
        ]
    })
    this.props.navigation.dispatch(resetAction)
};
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容