Есть ли способ изменить стиль панели вкладок в компоненте, а не в App.js? - PullRequest
Новая
       10

Есть ли способ изменить стиль панели вкладок в компоненте, а не в App.js?

0 голосов
/ 08 июля 2019

Мое приложение поддерживает английский и арабский языки с поддержкой LTR и RTL.

Я использую BottomTabBarNavigation createBottomTabNavigator для меню вкладок, и он отлично работает.

У меня есть следующие настройки стилей для меню вкладок. 

tabBarOptions: {
  labelStyle: {
    display: 'none',
  },
  activeTintColor: '#fdb64b',
  inactiveTintColor: 'gray',
  style: {
    paddingBottom: moderateScale(10),
    backgroundColor: '#000',
    height: moderateScale(50),
    paddingTop: moderateScale(9),
    borderTopColor: '#191919',
    borderTopWidth: moderateScale(1)
  }
}

В указанном выше стиле, если я добавлю flexDirection: 'row' или flexDirection: 'row-reverse', это даст мне желаемый стиль переключения направления меню вкладки.

Что я пытаюсь сделатьу меня есть экран смены языка, я хочу, чтобы на панели вкладок применялся стиль 'row-reverse', если выбран арабский, и 'row', если выбран английский.

С помощью чего-то подобного в tabBarOptions 

flexDirection: global.IS_RTL ? 'row-reverse' : 'row'

Проблема в том, что я не могу сделать это в App.js, я хочу сделать это в одном из компонентов при загрузке приложения, есть ли способ добиться этого в реакции-нативный?

Спасибо

1 Ответ

0 голосов
/ 08 июля 2019

По моему мнению и опыту, я рекомендую использовать (родную) панель вкладок. Это проще, чем другие, и может быть легко отредактировано в компоненте. Вы можете открыть его из (оригинального базового документа).

...