如何最小化 React Native 导航模式？

Question

如何在 React Native 中最小化堆栈导航器中的模式，以便模型仍然显示为屏幕底部的小条，并且即使在切换选项卡时也保持不变（如我所附的图片所示）。

目前我已经构建了一个底部导航选项卡栏，在这个选项卡导航器中我有一个堆栈导航器，可以在其中打开模态框。

<Tab.Navigator initialRouteName="Session">
      <Tab.Screen name="Social">{() => <Social />}</Tab.Screen>
      <Tab.Screen name="History">{() => <History />}</Tab.Screen>
      <Tab.Screen name="Session" options={{headerShown: false}}>
        {() => (
          <Stack.Navigator>
            <Stack.Screen name="Start Session">
              {() => <StartSession navigate={navigate} />}
            </Stack.Screen>
            <Stack.Screen
              name="New Template"
              options={{
                presentation: 'containedModal',
              }}>
              {() => <AddTemplate />}
            </Stack.Screen>
          </Stack.Navigator>
        )}
      </Tab.Screen>
      <Tab.Screen name="Activities">{() => <Activities />}</Tab.Screen>
      <Tab.Screen name="Profile">
        {() => <Profile setUser={setUser} setUserCreds={setUserCreds} />}
      </Tab.Screen>
</Tab.Navigator>

Answer 1

您可以使用底部表单来实现此目的，而不是使用反应本机导航中的模式。

类似： https://www.npmjs.com/package/@gorhom/bottom-sheet

Answer 2

你弄清楚了吗？我正在构建类似的东西，我什至遵循同样强烈的模式想法:)