每个元素的背景颜色不同 React Native Navigation

Question

希望每个人都做得很好。

我正在使用 react 原生导航，但我遇到了一件小事。

我创建了一个顶部选项卡导航器，我想根据我的 tabBarItemStyle 中的 route.name 更改每个元素的背景颜色，但我不知道该怎么做..

如果有人知道，谢谢！

（PS：我的选项的小屏幕）

ScreenOptions

Answer 1

使用 'navigation' 道具，尝试类似的方法：

screenOptions={({navigation}) => ({
    yourColorProp: navigation.isFocused() ? 'green' : 'white',
})}