Изменить название и заголовок навигатора вкладок - PullRequest
Новая
       21

Изменить название и заголовок навигатора вкладок

0 голосов
/ 25 июня 2019

Я новичок в реакции на родную, и я создал нижнюю вкладку навигатора.У меня есть 3 меню: Дом, Арендаторы и WorkOrders.Как я могу изменить WorkOrders, чтобы отображать имя и заголовок кнопки как «Work Orders» вместо «WorkOrders»? 

const MainTabNavigator = createBottomTabNavigator({
    Home,
    Tenants,
    WorkOrders
}, {
  navigationOptions: ({ navigation }) => {
      const { routeName } = navigation.state.routes[navigation.state.index];
      return {
        headerTitle: routeName
      };
  }
});

const MainStackNavigator = createStackNavigator({
    MainTabNavigator
}, {
  defaultNavigationOptions: ({ navigation }) => {
      return {
        headerLeft: (
          <Icon
            style={{ paddingLeft: 10 }}
            onPress={() => navigation.openDrawer()}
            name="md-menu"
            size={30}
          />
        )
      };
    }
});

const AppDrawerNavigator = createDrawerNavigator({
  Menu: {
    screen: MainStackNavigator
  }
});

const AppSwitchNavigator = createSwitchNavigator({
  Login: { screen: Login },
  Main: { screen: AppDrawerNavigator }
});

const AppContainer = createAppContainer(AppSwitchNavigator);

Спасибо

1 Ответ

1 голос
/ 25 июня 2019

Вы можете сделать так: 

const MainTabNavigator = createBottomTabNavigator({
  ...,
  WorkOrders: {
    screen: WorkOrders,
    navigationOptions: {
      title: 'Work Orders'
      // You can check more options here: https://reactnavigation.org/docs/en/bottom-tab-navigator.html#navigationoptions-for-screens-inside-of-the-navigator
    }
  }
},{
  // BottomTabNavigatorConfig
})

Вы можете сделать то же самое с другим API реагирующей навигации

...