您如何直接更改react-native-scrollable-tab-view（Reactive Native）源代码的样式？

Question

I'm trying to access the style property 'bottomBorderColor' to change to 'white' but how can I do so?

The source code is here -- at the bottom of the page in styles:

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

Attempted the following but doesn't work:

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

Thank you in advance.

Answer 1

All exposed properties you CAN modify are listed here props . So the property you are looking could not be passed as a property into component you are using.

BUT Why would you want to modify style like that? Having inline styles, or even styling your components through JS is not a good idea. Write a CSS file which would overwrite default styling of the used component instead. This way styling in your program will be easier to understand and to reason about. And more importantly, it will be easier to change or modify, instead of searching all over in the code base for some styling property objects (since styling is usually found in CSS, LESS or SCSS)