有没有办法在组件而不是App.js中更改标签栏样式?

Question

我的应用程序支持英语和阿拉伯语，支持 LTR 和 RTL。

我正在使用底部选项卡栏导航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'样式。

在标签栏中使用类似的东西 栏选项

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

问题是我无法在 App.js 中执行此操作，我想在加载应用程序时在其中一个组件中执行此操作，有什么方法可以在 react-native 中实现这一点吗？

谢谢

Answer 1

根据我的意见和经验，我会建议使用(本机基础)选项卡栏。它比其他的更容易，并且可以在组件中轻松编辑。您可以从(反应原生基本文档)打开它。