react-native - 如何在 createMaterialTopTabNavigator 选项卡中设置两种颜色

Question

如何在 react-navigation 5 中将 color1 设置为 tab1 并将 color2 设置为 tab2 ？这是我的实际代码：

const FavorisTop = () => {
  return (
    <Tab.Navigator
      screenOptions={{
        safeAreaInsets: { top: 0, bottom: 0 },
      }}
      tabBarOptions={{
        style: {
          backgroundColor: '#5BD6C1',
        },
      }}>
      <Tab.Screen
        name={'FavorisArticle'}
        component={FavorisArticles}
        options={{
          tabBarLabel: 'ARTICLES',
        }}
      />
      <Tab.Screen
        name={'FavorisPrestas'}
        component={FavorisPrestas}
        tabBarOptions={{
          style: {
            backgroundColor: '#DBC07D',
          },
        }}
        options={{
          tabBarLabel: 'ARTICLES',
        }}
      />
    </Tab.Navigator>
  );
};

我尝试在每个屏幕中设置颜色，但它不起作用.. 谢谢！

编辑

这是我想要的结果：

我想要绿色的“Favoris”和黄色的“Prestataires”

标签： react-nativereact-navigation