在真实设备中使用反应导航3时出现问题

时间:2019-02-18 23:34:06

标签: react-native react-native-android react-navigation

我有一个materialBottomTabNav,在这个materialBottomTabNav内部,我有stackNavigator。几个星期以来,我正在MaterialBottomTabBar内部开发StackNav,反之亦然。

这是App.js

class App extends Component{
  render(){
    return(
      <BottomNavigator/>
    )
  }
}

export default App;

bottomNavigator.js

const BottomTabNavigator1 = createMaterialBottomTabNavigator({

    HomeContainer : {
        screen : HomeContainer
    },
    OrdersPage : {
        screen : OrdersPage
    },
    ProfilePage : {
        screen : ProfilePage
    }
},


);

const BottomTabNavigator = createAppContainer(BottomTabNavigator1)

export default BottomTabNavigator;

homeContainer.js (位于材料底部栏中的Stack Nav)

const HomeCapsule = createStackNavigator({

    ScreenOne : {
        screen : ScreenOne
    },
    ScreenTwoPage : {
        screen : ScreenTwo
    },
    ScreenThree : {
        screen : ScreenThree
    }
},


);

const HomeContainer = createAppContainer(HomeCapsule)

export default HomeContainer;

此导航API可能有很大的差距。我尝试了三种不同的Android手机。内部堆栈this.props.navigation.navigate不起作用。有趣的是,我所有的导航嵌套设计都在Android Emulator中工作了三个星期。他们都在工作。但是,当我在真实设备中运行它们时,我真的失去了希望。两个月后,现在我必须在我的应用程序中进行一些更改。

Github存储库尝试

https://github.com/selimmidikoglu/react-navigation3

只需从此处克隆代码,然后尝试在您自己的android设备上运行它即可复制。

0 个答案:

没有答案