Reactnative 如何更改分隔底部标签和屏幕内容的线的 colored颜色 React Native Tab导航器

我有一个react-native 应用程序，并希望改变 colored颜色 的分隔从我的底部标签导航. 我也可以将背景 colored颜色 设置为透明.现在，我把它设置为与背景相同的 colored颜色 .

I want to change the white seperator line

export default function App() {
  let [fontsLoaded] = useFonts({
    'Inter-Light': require('./assets/fonts/Inter-Light.ttf'),
    'Inter-Regular': require('./assets/fonts/Inter-Regular.ttf'),
    'Inter-Medium': require('./assets/fonts/Inter-Medium.ttf'),
    'Inter-SemiBold': require('./assets/fonts/Inter-SemiBold.ttf'),
    'Inter-Bold': require('./assets/fonts/Inter-Bold.ttf'),
    // Weitere Schriftarten hier registrieren
  });

  if (!fontsLoaded) {
    return <Text>Error While Loading fonts</Text>;
  }
  
  return (
    <ThemeProvider>
      <NavigationContainer>
        <Tab.Navigator
          screenOptions={({ route }) => ({
            headerShown: false,
            tabBarStyle: { backgroundColor: route.name === 'Home' ? useTheme().theme.colors.background : 'YOUR_TAB_BAR_BACKGROUND_COLOR'},
            tabBarActiveTintColor: route.name === 'Home' ? useTheme().theme.colors.blue : 'YOUR_INACTIVE_TAB_COLOR',
            tabBarInactiveTintColor: 'white', 
            tabBarShowLabel: false, // Um die Tab Labels auszublenden
            //tabBarIndicatorStyle: { backgroundColor: 'black' }, // Hier kannst du die Farbe des Strichs unter dem aktiven Tab ändern
            tabBarSeparatorStyle: { backgroundColor: 'green' }, // Hier kannst du die Farbe des Trennstrichs oben an der Tab-Bar ändern
          })}
        >
          <Tab.Screen name="Home" component={HomeScreen} />
          <Tab.Screen name="Details" component={DetailScreen} />
        </Tab.Navigator>
      </NavigationContainer>
    </ThemeProvider>
  );
}

我try 与

tabBarSeparatorStyle: { backgroundColor: 'green' } 

但这不起作用