So I managed to get translation working pretty good in my TypeScript React-Native application. Everything is getting translated (every page and the bottom navigation), except for the header titles.
The code that I am using to achieve this goal looks like below:
const NewsPageStack = createStackNavigator({
News: {
screen: News,
navigationOptions: ({navigation, navigationOptions}) => ({
title: translationStrings.news.toUpperCase(),
headerTintColor: COLORS.primaryLightBlue,
headerTitleStyle: Styles.headerTitleStyle,
}),
}
});
The translations are done with react-localization. I am pretty sure that it has something to do with the StackNavigator, but I have no clue how to solve this.