Реагируйте Навигация, удалите меню вкладок на странице сведений

Question

Я применяю «StackNavigator для каждой вкладки», описанный в текущем официальном документе навигации.

URL: https://v1.reactnavigation.org/docs/tab-based-navigation.html#a-stacknavigator-for-each-tab

Когда вы нажимаете кнопку в Home Tabs -> Go to Home Details, когда вынажмите кнопку в Setting Tabs -> Go to Setting Details Вы закончили.

Здесь я хочу немного изменить код, чтобы меню «Вкладки» не отображалось в «Подробности».Как я могу изменить этот код?

const HomeStack = new StackNavigator({
    Home: { screen: HomeScreen },
    HomeDetails: { screen: HomeDetailsScreen }
});

const SettingStack = new StackNavigator({
    Setting: { screen: SettingScreen },
    SettingDetails: { screen: SettingDetailsScreen }
});

const AppStackTabNavigator = new TabNavigator({
    Home: { screen: HomeStack },
    Setting: { screen: SettingStack }
});

Answer 1

class SettingDetailsScreen extends React.Component { 
   static navigationOptions = { 
      tabBarVisible: false,
    }
   // ...rest of code
}

Если ваш SettingDetailsScreen является функциональным компонентом, добавьте его после объявления компонента:

SettingDetailsScreen.navigationOptions = { tabBarVisible: false };