Возможен ли StackNavigator внутри TabNavigator? - PullRequest
Новая
       24

Возможен ли StackNavigator внутри TabNavigator?

0 голосов
/ 10 сентября 2018

Я создал настраиваемый навигатор вкладок с помощью createMaterialTopTabNavigator, но внутри одной из вкладок я хотел бы создать StackNavigator.Возможно ли это?

Я нашел много примеров вкладок, вложенных в стек или ящик, но не пример стека внутри вкладки!

По сути, я хочу, чтобы на одном из экранов вкладок было несколько кнопок для перехода к некоторым другим экранам, но я не хочу выходить из вкладки.(начальная вкладка всегда видна / выбрана) - просто вы можете нажать на кнопку и перейти на другой экран, а затем обратно. 

TabNavigator: 
 - Settings Screen (Tab 1)
       -About Us (Button when clicked opens up the About Us Screen)
       -Account Settings (Button when clicked opens up the About Us Screen)
       -Contact Us (Button when clicked opens up the About Us Screen)
 - Search Screen (Tab 2)
 - Profile Screen (Tab 3)

Любые предложения о том, возможны ли они, будут с благодарностью!:)

1 Ответ

0 голосов
/ 10 сентября 2018

Да, вы можете сделать это

Вы можете вложить StackNavigator в TabNavigator, выполнив что-то похожее на это - 

import { TabNavigator, StackNavigator } from 'react-navigation'

export const TabNavigator = TabNavigator({
    SettingsScreenStack: { screen: SettingsScreenStack },
    SearchScreen: { screen: SearchScreen },
    ProfileScreen: { screen: ProfileScreen },
  }, {
    order: ['SettingsScreenStack', 'SearchScreen', 'ProfileScreen'],
    initialRouteName: 'SettingsScreenStack',
});

export const SettingsScreenStack = StackNavigator({
    AboutUsScreen: { screen: AboutUsScreen },
    AccountSettingsScreen: { screen: AccountSettingsScreen },
    ContactUsScreen: { screen: ContactUsScreen },
  }, {
    initialRoute: 'AboutUsScreen',
})

...

Надеюсь, это помогло.

...