美文网首页
RN创建导航相关内容

RN创建导航相关内容

作者: 夜不知枫 | 来源:发表于2017-07-02 17:14 被阅读38次

    使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创建导航相关内容

          本文链接:https://www.haomeiwen.com/subject/wwewxxtx.html