Question

使用react-navigation，我试图构建一个具有3个屏幕的标签导航，其中一个屏幕为Main屏幕，该屏幕显示了另外两个屏幕的底部标签，分别为Filter和{ {1}}模态屏幕。现在，Sort不能在屏幕之间切换，并且所有屏幕上都添加了标签页。

Answer 1

您可以创建一个常规的堆栈导航器，并且在此导航器中，您应该使用另一个“主”选项卡导航器。像这样：

const App = createStackNavigator();

<App.Navigator>
  <App.Screen name="TABNAVIGATORS" component={TABNAVIGATORS} />
</App.Navigator>

然后，根据需要在TABNAVIGATORS组件上创建：


const Tab = createMaterialBottomTabNavigator();

<Tab.Navigator>
            <Tab.Screen
                name="Home"
                component={MainScreen}
                options={{
                    tabBarLabel: '',
                    tabBarIcon: () => <Entypo name="home" size={24} color="#FFF" />,}}
            />
...

 </Tab.Navigator>

具有两个标签的自定义标签导航

1 个答案: