Reactive Native: Wie ändert man das Stylesheet direkt in eine Datei?

Question

Ich möchte von den 'bottomBorderColor' ändern

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

am unteren Rand der Seite.

wie so versucht, aber leider nicht funktioniert:

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

Vielen Dank im Voraus.

Answer 1

Ich glaube, Sie haben vergessen, die borderBottomWidth Eigenschaft anzuwenden. Sie müssen wie folgt vor:

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