Native】TabNavigatorのオプションまとめ公開日:2019/08/28オプションをいちいち調べるのが面倒だったのでまとめておきます。});TabNavigatorのオプションnavigationOptionsナビゲーションに関するオプションtabBarVisible:タブバーを表示または非表示。デフォルトはtrue。horizontalがtrueの場合アイコンは、デバイスの向きが変わるたびに再レンダリングされる。tabBarLabelタブバーに表示されるタブのタイトル文字列。}未定義の場合、titleが使用されます。tabBarButtonComponentデフォルトは、TouchableWithoutFeedback他のタッチ可能オブジェクトと同じように動作するラッパーです。TouchableOpacityを使用します。tabBarAccessibilityLabelタブボタンのアクセシビリティラベル。これは、ユーザーがタブをタップしたときにスクリーンリーダーによって読み取られます。タブのラベルがない場合は、これを設定することをお勧めします。tabBarTestIDテストでこのタブボタンを見つけるためのID。tabBarOnPressプレスイベントを処理するコールバック。次のシーン(タップされたシーン)への遷移が始まる前にカスタムロジックを追加するのに便利です。defaultHandlerナビゲーションが発生しないように、呼び出さずにこのコールバックを定義します。//モーダルを開く処理},modalと組み合わせて、こんな感じにすればinstagramの投稿ボタンみたいなこともできる。tabBarOnLongPress長押しイベントを処理するコールバック。タブがアクティブになる前に、レンダリングされないようにする。アクティブなタブのラベルとアイコンの色。アクティブではないタブのラベルとアイコンの色。タブのアイコンとラベルの配置は、画面サイズに基づいて変更。11のデフォルトはtrue。falseの場合、タブのアイコンとラベルは常に垂直に整列します。true、タブアイコンとラベルはタブレット上で水平に整列します。セーフエリアの設定です。詳しくはここで説明されています。