У меня есть приложение на арабском языке, я использую forceRTL для обновления представлений и переводов.
Все работает, кроме вкладок Арабские заголовки не обновляются.
Я использую"createMaterialTopTabNavigator, createAppContainer" реактивной навигации.
Если у вас есть предложения или ссылки на то же самое, пожалуйста, дайте мне знать.
Ниже приведен код моих вкладок.
import React, { Component } from 'react';
import { Text, View, Image, Linking, ScrollView, TouchableOpacity, SafeAreaView, StyleSheet, Dimensions, StatusBar, AsyncStorage, FlatList } from 'react-native';
import I18n from '../Helpers/i18n';
import { createMaterialTopTabNavigator, createAppContainer } from 'react-navigation';
import Upcoming from "./Upcoming.js";
import History from "./History.js";
const { width, height } = Dimensions.get('window');
const MyBookingTabs = createAppContainer(
createMaterialTopTabNavigator({
Upcoming: {
screen: Upcoming,
navigationOptions: {
title:I18n.t('bookingTableUpcomingText'),
}
},
History: {
screen: History,
navigationOptions: {
title:I18n.t('bookingTableHistoryText'),
}
},
},
{
tabBarPosition: 'top',
swipeEnabled: true,
animationEnabled: true,
tabBarOptions: {
activeTintColor: '#FFFFFF',
inactiveTintColor: '#F8F8F8',
style: {
backgroundColor: '#f01616',
//backgroundColor:'#000',
shadowColor: "#fc301c",
shadowOffset: {
width: 0,
height: 2,
},
shadowOpacity: 0.80,
shadowRadius: 3.84,
elevation: 5,
},
labelStyle: {
textAlign: 'center',
},
indicatorStyle: {
borderBottomColor: '#fff',
borderBottomWidth: 1,
},
},
}));
export default class MyBookingTabsComponent extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<View style={{height:(height-150),}}>
<MyBookingTabs screenProps={{navigationObj: this.props.screenProps.navigationObj }}/>
</View>
)
}
}