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)
};

你可能感兴趣的:(RN创建导航相关内容)