2017-07-05 31 views
0

react-navigationDrawerNavigatorには、項目のテキストの色と背景色を変更する方法はありますか?デフォルトではDrawerNavigator:テキストの色を変更

は、カラースキームは以下のようになります。 以下で初期化されreact-navigation color

styleがに表示されない画面の contentOptions年代内 colorプロパティを設定
export const Drawer = DrawerNavigator({ 
    dOne: { 
     screen: Screen1, 
    }, 
    dTwo: { 
     screen: Screen2, 
    } 
    } 
); 

効果があります。

各行(「プライマリ」、「セカンダリ」などのラベルが付けられています)ごとに新しいコンポーネントを拡張する必要がありますか?既存の行の実装を簡単にスタイル設定する方法がありますか?

答えて

1

styleの代わりに、contentOptionsにlabelStyleを使用する必要があります。このように:

contentOptions: { 
    labelStyle: { 
    fontFamily: 'SomeFont', 
    color: 'white', 
    }, 
} 
+0

ありがとうございました。これを指定するドキュメントの場所はありますか? –

+0

ソースコードを掘り下げることができます。 https://github.com/react-community/react-navigation/blob/5e075e1c31d5e6192f2532a815b1737fa27ed65b/src/views/Drawer/DrawerNavigatorItems.js – Tommy

関連する問題