問題タブ [react-navigation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2473 参照

react-native - TabNavigator: ターゲット プラットフォームに基づくタブ ラベルのスタイル設定

反応ネイティブのTabNavigatorを使用して、アプリケーションのタブ間を移動しています。

各タブには、アイコンとラベルが含まれています。アプリケーションが iOS と Android のどちらで実行されているかに応じて、TabBar のスタイルを少し変えたいと思います。

「tabNavigationConfig」のドキュメントには、「TabBarBottom」と「TabBarTop」の「tabBarOptions」の 2 つのセクションが記載されているため、上部の TabBar と下部の TabBar に別の構成を提供することが可能であると思われます。

iOS に「tabBarOptions」を提供し、Android に異なるオプション (上部と下部) を提供することは可能ですか?

0 投票する
1 に答える
4472 参照

exception - Redux エラーを伴う React-navigation TabNavigator

反応ナビゲーションの TabNavigator を redux で実装しようとしていますが、エラーが発生し続けます。次のエラーが表示されます: 未定義はオブジェクトではありません (「navigation.state.routes」を評価しています)

私の index.android.js と index.ios.js はすべて app.js を指しています。

次のクラスを作成しました。

ナビゲーション構成

TabBarComponent

ホーム画面

app.js

0 投票する
0 に答える
620 参照

react-native - React Navigation: 同じ画面の複数のインスタンスでヘッダー タイトルを設定する

React Navigation ( https://reactnavigation.org ) を使用して、React Native アプリでナビゲーションを処理しています。アプリの構造は、一連のネストされたメニューを含む StackNavigator で構成されています。すべてのメニューは同じ MenuScreen コンポーネントを使用します。

2 つ以上のメニューをナビゲートしてから戻るボタンを押しても、ナビゲーション バーのタイトルが元に戻りません。到達した「最も遠い」メニューによって設定されたタイトルでスタックします。

navigationOptions連続する各 MenuScreen のコンストラクターで静的プロパティを設定しますが、元に戻すことは決してないため、これは理にかなっています。これを修正するためのベストプラクティスは何ですか?