15

React Navigation タブ ナビゲータhttps://reactnavigation.org/docs/navigators/tabを使用して、タブ ボタンの 1 つをフルスクリーン モーダルとして画面を押し上げるにはどうすればよいですか? スタックナビゲーターにmode=modalオプションがあることがわかりました。TakePhotoタブボタンをクリックしたときにそのモードを使用するにはどうすればよいですか? それをクリックすると、現在でも下部にタブバーが表示されます。

const MyApp = TabNavigator({
  Home: {
    screen: MyHomeScreen,
  },
  TakePhoto: {
    screen: PhotoPickerScreen, // how can I have this screen show up as a full screen modal?
  },
});
4

6 に答える 6

0

私は2つの解決策を提案します

1つ目は非表示にすることです

2 つ目については、 https ://reactnavigation.org/docs/hiding-tabbar-in-screens をお読みください。

<Tab.Screen
name={Routes.CREATE_ANNOUNCEMENT_SCREEN}
// name={Routes.TEST_SCREEN}
options={{
.
.
.
  tabBarVisible: false,    <----- solution 1
  tabBarButton: (props) => (   <----- or solution 2
    <TouchableOpacity
      {...props}
      onPress={() => {
        navigation.navigate(Routes.DETAILS_SCREEN);
      }}
    />
  ),
}}
component={CreateAnnouncementScreen}
/>
于 2021-01-25T00:01:59.277 に答える