显示模态时反应本机导航保持标签栏可见

Question

在模态模式下显示屏幕时是否可以保持标签栏可见？

Answer 1

不，这并不可悲。如果您想保持屏幕可见，我建议使用 Stack Navigator。然后根据您希望模式的行为方式在屏幕之间导航。

Answer 2

虽然不是完全模态模式，但实际上可以使用 containedModal 而不是 modal。

const TabsStack = createBottomTabNavigator();
const TabsStackNavigator = () => {
  return (
    <TabsStack.Navigator>
      <TabsStack.Screen name="MyTabStack" component={MyTabNavigator} />
    </TabsStack.Navigator>
  );
};

const MyTab = createNativeStackNavigator();
const MyTabNavigator = () => {
  return (
    <MyTab.Navigator>
      <MyTab.Screen name="Info" component={InfoScreen} />
      <MyTab.Screen
        name="MyModal"
        component={MyModalScreen}
        // this line 
        options={{ presentation: "containedModal" }}
      />
    </MyTab.Navigator>
  );
};

显示模态时反应本机导航保持标签栏可见

React native navigation keep tab bar visible when showing modal

react-native

react-navigation