React Native Navigation 5嵌套

我试图在一个响应本机应用程序上使用嵌套导航。一方面,我想要堆栈导航以使我的按钮正常工作。另一方面,我想包括“底部导航”选项卡。我成功地单独实现了两者,但没有一起实现。收到如下错误:“任何导航器都未处理使用有效载荷{name:Login}进行导航的操作。如果您尝试导航到嵌套导航器中的屏幕,请参见“查看反应导航网站”。(参见图片)它,但没有运气

导航组件的代码如下

const Stack = createStackNavigator();
const MaterialBottomTopTabs = createBottomTabNavigator();

class Navigation extends Component {
  createHomeStack = () => {
    return (
      <Stack.Navigator
        screenOptions={{
          headerShown: false,
        }}
        initialRouteName="RegisterLogin">
        <Stack.Screen name="s" component={RegisterLogin} />
        <Stack.Screen name="Login" component={Login} />
        <Stack.Screen name="Register" component={Register} />
        <Stack.Screen name="Articles" component={Articles} />
      </Stack.Navigator>
    );
  };
  render() {
    return (
      <NavigationContainer>
        <MaterialBottomTopTabs.Navigator>
          <MaterialBottomTopTabs.Screen name="tab3" component={RegisterLogin} />
          <MaterialBottomTopTabs.Screen name="tab1" component={Articles} />
          <MaterialBottomTopTabs.Screen name="tab2" component={Sleep} />
        </MaterialBottomTopTabs.Navigator>
      </NavigationContainer>
    );
  }
}

为了访问表单按钮是

  <TouchableOpacity
            style={styles.registerButton}
            title="Register button"
            onPress={() => this.props.navigation.navigate('Register')}>
            <Text style={styles.registerText}>Register</Text>
          </TouchableOpacity>

谢谢

评论