Вставьте код перевода в заголовок / слайды / ярлыки или даже вкладку в реагирующем - PullRequest
Новая
       30

Вставьте код перевода в заголовок / слайды / ярлыки или даже вкладку в реагирующем

0 голосов
/ 07 октября 2019

Я новичок в реагировании на родной язык и пытаюсь перевести свое приложение. Я сделал большую часть своих экранов, но у меня возникли некоторые проблемы с некоторыми элементами ...

Для перевода в своем приложении я использовал такой код, прекрасно работающий: 

{i18n.t("world")}

Хорошо, но я не могу заставить его работать в:

Слайды: (для заголовков и текстовых строк) 

{
    key: 's2',
    title: 'Share your adventures !',
    text: 'Share with your friends\nAnd take part to the biggest distance done on 2019',
    image: require('../assets/images/logo.png'),
    titleStyle: styles.title,
    textStyle: styles.text,
    imageStyle: styles.image,
    backgroundColor: '#FCEBBB',
  },

Вкладка приложения: 

const HomeTab = createStackNavigator(
  {
    Account: Account ,
    Details: Account ,

    },
  {
    defaultNavigationOptions: {
      headerStyle: {
        backgroundColor: '#0091EA',
      },
      headerTintColor: '#fff',
      title: 'Slides',

    },
  }
);

const SettingsTab = createStackNavigator(
  {
    Settings: Settings ,
    Details: Contact ,
    Profile: MyTrips ,

  },
  {
    defaultNavigationOptions: {
      headerStyle: {
        backgroundColor: '#0091EA',
      },
      headerTintColor: '#FFFFFF',
      title: 'Settings',

    },
  }
);
const StatsTab = createStackNavigator(
  {
    Settings: Settings ,
    Details: Contact ,
    Profile: MyTrips ,
    Stats : Stats,
  },
  {
    defaultNavigationOptions: {
      headerStyle: {
        backgroundColor: '#0091EA',
      },
      headerTintColor: '#FFFFFF',
      title: 'Settings',

    },
  }
);
const MainApp = createBottomTabNavigator(
  {
    Trips: Account ,
    Statistics: Stats,
    Subscription: Subscription,
    Account: Settings ,
    },
  {
    defaultNavigationOptions: ({ navigation }) => ({
      tabBarIcon: ({ focused, horizontal, tintColor }) => {
        const { routeName } = navigation.state;
        if (routeName === 'Trips') {
          return (
            <Image
              source={ require('../assets/images/plane.png') }
              style={{ width: 20, height: 20, }} />
          );
        } else if (routeName === 'Statistics')  {
          return (
            <Image
              source={ require('../assets/images/stats.png') }
              style={{ width: 20, height: 20 }} />
          );
        }else if (routeName === 'Subscription')  {
          return (
            <Image
              source={ require('../assets/images/creditcard.png') }
              style={{ width: 20, height: 20 }} />
          );
        } else {
          return (
            <Image
              source={ require('../assets/images/profil.png') }
              style={{ width: 20, height: 20 }} />
          );
        }
      },
    }),
    tabBarOptions: {
      activeTintColor: '#FF6F00',
      inactiveTintColor: '#263238',
    },
  }
);

export default createAppContainer(MainApp)

А также в кнопках ... Я думаю, это оправдывает синтаксис, который должен быть изменен, но я действительно не понимаю, как.

Надеюсь, вы мне поможете. Спасибо, что читаете меня!

...