Wie ändert man direkt den Stil des Quellcodes von react-native-scrollable-tab-view (Reactive Native)?

Question

Ich versuche auf die Stileigenschaft 'bottomBorderColor' zuzugreifen, um 'weiß' zu ändern, aber wie kann ich das tun?

Der Quellcode ist hier - am unteren Rand der Seite in verschiedenen Schnitten:

https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/DefaultTabBar.js#L75

folgende Versuchte, funktioniert aber nicht:

<ScrollableTabView 
     style={{borderBottomColor: 'white'}} 
    > 
     <Text tabLabel='Tab1'> Testing 1 </Text> 
     <Text tabLabel='Tab2'> Testing 2 </Text> 
     <Text tabLabel='Tab3'> Testing 3 </Text> 
    </ScrollableTabView> 

Vielen Dank im Voraus.

Answer 1

Alle freigelegten Eigenschaften, die Sie ändern können, sind hier aufgeführt props. Die Eigenschaft, die Sie suchen, konnte daher nicht als Eigenschaft an die von Ihnen verwendete Komponente übergeben werden.

ABER Warum möchten Sie den Stil so ändern? Inline-Stile zu verwenden oder sogar Ihre Komponenten über JS zu stylen, ist keine gute Idee. Schreiben Sie eine CSS-Datei, die stattdessen das Standard-Styling der verwendeten Komponente überschreiben würde. Auf diese Weise wird das Styling in Ihrem Programm leichter verständlich und nachvollziehbar. Und noch wichtiger ist, dass es einfacher ist, zu ändern oder zu modifizieren, anstatt in der Codebasis nach einigen Styling-Eigenschaftenobjekten zu suchen (da das Styling normalerweise in CSS, WENIGER oder SCSS gefunden wird)