ReactNative:使用React Native Navigation如何进入下一个屏幕

时间:2018-11-29 14:13:24

标签: react-native react-redux

我有一个根屏幕,其中包含4个使用react-native-navigation实现的底部标签,对于我的一个具有子标签(topTabs)的bottomtab来说,现在如何从当前屏幕导航到下一个屏幕。屏幕不是根目录中的注册屏幕)

请任何人帮助我

这是我的根导航

 export const startNavigation = () => {
  Navigation.setRoot({
     root: {
      sideMenu: {
        left: {
          component: {
           name: screenName.DRAWER
       }
        },
         center: {
           bottomTabs: {
             children: [{
              stack: {
                 children: [{
                   component: {
                     name: screenName.Sample1
                   }
                }],
                 options: {
                   bottomTab: {
                     text: 'Sample1',
                   }
                 }
              }
             }, {
               stack: {
                 children: [{
                  component: {
                     name: screenName.HOME
                   }
                 }],
                options: {
                   bottomTab: {
                     text: 'Home',
                     selectedTextColor: 'red'
                   }
                 }
              }
            }],
             options: {
               bottomTabs: {
                 currentTabIndex: 1
               }
             }
           }
         }
       }
     }
   })
 }

从这个根源开始,我将如何导航到子选项卡或防晒霜

1 个答案:

答案 0 :(得分:0)

您尝试过什么吗?你可以发布一些代码吗?

如果您是入门者,请参阅React Native的官方文档

http://tutor.rascal-mpl.org/Rascal/Expressions/Values/Map/Comprehension/Comprehension.html#/Rascal/Expressions/Values/Map/Map.html