react-native-scrollable-tab-view（Reactive Native）のソースコードのスタイルを直接変更するにはどうすればよいですか？

Question

'white'に変更するには、スタイルプロパティ '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などのスタイリングプロパティオブジェクトのコードベース全体を検索するのではなく、変更や変更が容易になります。