2016-07-24 5 views
0

私はhttps://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/DefaultTabBar.js#L75の反応ネイティブスクロール可能タブを使用していますが、 'tabs'の 'borderBottomColor'プロパティを '#ccc'から 'white'に変更したいと考えています。React Nativeでどのようにスタイルシートを上書きしますか?

React Nativeでどうすればいいですか?

例えば、私は次のことを試みたが、うまくいきませんでした:

<ScrollableTabView 
    style={{borderBottomColor: 'white'}} 
>...</ScrollableTabView> 

EDIT **

答えて

0

this.props.tabStyleはあなたにstyles.tabsを上書きすることができますが。

<ScrollableTabView 
    tabStyle={{borderBottomColor: 'white'}} 
>...</ScrollableTabView> 

[OK]を、ので、私は、全体のコードで再び見て、それだけでこの色を上書きすることはできませんようです:あなたがする必要がどのような
です。 DefaultTabBarはそのオーバーライドスタイルをScrollableTabView親から取得しますが、ScrollableTabViewは独自のスタイルを渡すことはできません。
次の2つのオプションがあります。

  1. (あなたが変更にDefaultTabBarの実装を取ることができる)、独自のTabBarを実装し、renderTabBarプロップを通じてScrollableTabViewに渡します。あなたは、開発者へのPRを送信し、コミュニティ全体を助けるカスタムTabBarのHere
  2. の例を見つけることができます - 強くお勧めします:)
+0

PICとオリジナルのポストを更新しました。 tabStyle = {{borderBottomColor: 'white}}の後でもまだグレーで表示されます。私は何か見落としてますか?あなた自身でそれを試しましたか? –

+0

あなたが私の前のコメントを見たかどうかを確認するだけです。私にお知らせください! –

+0

大丈夫、今日は後で試してみます。 – atlanteh

関連する問題