Как я могу изменить названия заголовков, которые находятся внутри ящика в реагирующей навигации?

Question

Поскольку приложение предназначено для другого языка, я хотел бы, чтобы названия, которые появляются в ящике, отображались на другом языке.В настоящее время они используют маршруты по умолчанию.Поэтому вместо того, чтобы говорить "Логин", я бы хотел использовать в качестве примера s'identifier.

В настоящее время настройка выдвижного ящика выглядит следующим образом:

const allDrawerOptions = {
    NotificationHistory: { screen: NotificationHistory, },
    CameraRegistration: { screen: CameraRegistration, },
    Settings: { screen: Settings, },
    Info: { screen: Info, }
};

const drawerForNotificationHistory = DrawerNavigator(
    allDrawerOptions,
    { initialRouteName: 'NotificationHistory' }
);

const hamburgerIcon = ({ navigation }) => ({
  headerLeft:
    <TouchableOpacity
        onPress={() => navigation.navigate('DrawerToggle')}
        style={{
            height: '100%',
            width: 60,
            // marginLeft: 10,
            justifyContent: 'center',
            alignItems: 'center',
            // borderWidth: 1, borderColor: 'red',
        }}
    >
        <Text
            style={{
                fontFamily: 'FontAwesome',
                fontSize: 25,
            }}
        ></Text>
    </TouchableOpacity>
});

, а мой стекнавигатор выглядит следующим образом:

const Navigation = StackNavigator(
    {
        Splash: { screen: Splash },
        Login: { screen: Login },
        SignUp: { screen: SignUp },
        HomeScreen: { screen: HomeScreen },
        Home: { screen: Home },
        NotificationHistory: {
            screen: drawerForNotificationHistory,
            navigationOptions: hamburgerIcon,

        },
     },
     initialRoute: 'HomeScreen'
     }
}

Answer 1

Они добавили навигационные опции для каждого экрана внутри allDrawerOptions.

, поэтому NotificationHistory теперь выглядит как

NotificationHistory: 
    { screen: NotificationHistory,
        navigationOptions: () => 
            ({
                title: '알림 내역'
            }) 
    },