Как использовать TopTabNavigation и BottomTabNavigation с различным использованием? - PullRequest
Новая
       24

Как использовать TopTabNavigation и BottomTabNavigation с различным использованием?

0 голосов
/ 24 января 2020

Например, я хочу использовать одну и ту же вкладку на 1 странице или просто верхнюю навигацию на 1 странице и т.д. c. Как по-разному использовать initialRouteName? 

const rootTabNav = createBottomTabNavigator(
  {
    Home: NavigationHome,
    Personal: NavigationPersonal,
    Info: NavigationInfo,
    News: NavigationNews,
  },
  {
    defaultNavigationOptions: ({ navigation }) => ({
      // create button icons
      tabBarIcon: ({ focused, horizontal, tintColor }) => {
        const { routeName } = navigation.state;
        return (
          <NavBottomTabIcon
            tintColor={tintColor}
            routeName={routeName as any}
            screenProps={(navigation as any).getScreenProps()}
            />
        );
      },
      title: trans('title_'+navigation.state.routeName.toLocaleLowerCase()),
    }),
    tabBarOptions: {
      activeTintColor: COLORS.b,
      inactiveTintColor: 'gray',
    },
  }
)
 const rootNav = createStackNavigator(
  {
    BottomTabNav: rootTabNav,
  },
  {
    initialRouteName: 'BottomTabNav',
    headerMode: 'none',
    mode: 'modal',
  }
);

export default createAppContainer(rootNav);

Если я добавлю TopTabNab и внесу изменения в initialRouteName:, то все страницы будут иметь topTabNavigaton

...