Wie überschreiben Sie ein Stylesheet in React Native?

Question

Ich benutze react-native-scrollable-Registerkarte von https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/DefaultTabBar.js#L75 und ich möchte die Eigenschaft 'borderBottomColor' von 'Tabs' von dem, was zur Verfügung gestellt wird, '#ccc', zu 'weiß' zu überschreiben.

Wie kann ich dies in React Native tun?

Zum Beispiel habe ich versucht, die folgenden aber nicht funktioniert:

<ScrollableTabView 
    style={{borderBottomColor: 'white'}} 
>...</ScrollableTabView> 

EDIT **

Answer 1

this.props.tabStyle gibt Ihnen die Möglichkeit styles.tabs außer Kraft zu setzen .
Was Sie tun müssen, ist:

<ScrollableTabView 
    tabStyle={{borderBottomColor: 'white'}} 
>...</ScrollableTabView> 

Ok, so dass ich sah wieder auf den gesamten Code, und es scheint, dass es nicht möglich ist, nur diese Farbe außer Kraft zu setzen. Die DefaultTabBar erhält ihren Überschreibungsstil vom übergeordneten ScrollableTabView, aber ScrollableTabView lässt uns nicht unseren eigenen Stil passieren.
Sie haben zwei Möglichkeiten:

1. Ihre eigene TabBar- implementieren und zu ScrollableTabView durch die renderTabBar prop passieren (man konnte die DefaultTabBar Umsetzung mit Änderungen übernehmen). Sie können ein Beispiel für eine benutzerdefinierte TabBar- Here
2. schicken PR in den Entwickler finden und die gesamte Gemeinschaft helfen - sehr zu empfehlen :)