要保持stackes挂载的createBottomTabNavigator,可以按照以下步骤进行操作:
import { createStackNavigator } from 'react-navigation-stack';
import { createBottomTabNavigator } from 'react-navigation-tabs';
// 创建StackNavigator
const Stacks = createStackNavigator({
Screen1: { screen: Screen1 },
Screen2: { screen: Screen2 },
});
// 创建createBottomTabNavigator
const TabNavigator = createBottomTabNavigator({
Home: { screen: HomeScreen },
Stacks: { screen: Stacks },
Profile: { screen: ProfileScreen },
});
import React from 'react';
import { Button } from 'react-native';
// 屏幕1
class Screen1 extends React.Component {
render() {
return (
import React from 'react';
import { createAppContainer } from 'react-navigation';
const AppContainer = createAppContainer(TabNavigator);
export default class App extends React.Component {
render() {
return ;
}
}
通过这样的设置,您可以在createBottomTabNavigator中包含并保持Stacks挂载,并且在Stacks中的每个屏幕内部使用StackNavigator进行导航。
下一篇:保持Stepper中的状态