Как вы напрямую меняете стиль исходного кода реакции-native-scrollable-tab-view (Reactive Native)?

Question

Я пытаюсь получить доступ к свойству стиля «bottomBorderColor», чтобы перейти на «белый», но как я могу это сделать?

Исходный код здесь - в нижней части страницы в стилях:

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

Покушение следующее, но не работает:

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

Спасибо заранее.

Answer 1

Все выставленные свойства, которые вы можете изменить, приведены здесь props. Таким образом, свойство, которое вы ищете, не может быть передано как свойство в компонент, который вы используете.

BUT Почему вы хотите изменить стиль? Наличие встроенных стилей или даже стилизация ваших компонентов через JS - не очень хорошая идея. Напишите файл CSS, который вместо этого заменит стиль по умолчанию используемого компонента. Таким образом, стиль в вашей программе будет легче понять и обосновать. И что более важно, будет легче изменить или изменить, вместо того чтобы искать все в базе кода для некоторых объектов свойств стиля (поскольку стиль обычно находится в CSS, LESS или SCSS)