問題タブ [react-native-router-flux]
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.
reactjs - react-native-router-flux : 戻るナビゲーションで React ライフサイクル メソッドが呼び出されていません
反応ネイティブアプリを開発しています。アプリでのナビゲーションにreact-native-router-fluxライブラリを使用しています。
ライブラリは正常に動作していますが、ナビゲート中に反応ライフサイクル メソッドが呼び出されません。
たとえば、ページ 2 で [戻る] ボタンを押した場合、ページ 1 に移動し、ページ 2 の componentWillUnmount() が呼び出されますが、ページ 1 のライフサイクル メソッドは呼び出されません。
新しい状態に従ってページ 1 を更新したい。
どんな助けでも大歓迎です。
javascript - React Native - navigationState.children[3].key "SCENE_2" が別の子と競合する
反応ネイティブ アプリの現在のナビゲーションに問題があります。react-native-router-fluxモジュールを使用します。
ルーター構造は次のようになります。
次のような独自の TabBar を使用します。
TabBar にはいくつかのボタンがあります。そのうちの 1 つは、プロファイル シーンへのアクションがあります。そのようです:
プロファイル ボタンをクリックすると、初回のみ機能します。戻ってプロファイルボタンボタンをもう一度クリックすると、エラーが発生しました:
navigationState.children[3].key "scene_2_PROFILE_TABBAR" が別の子と競合しています!
コードの何が問題になっていますか? アクションを間違って使用しましたか? 他にどのようにコードを構成できますか?
javascript - React Native Router Flux:NavDrawerのボタンとナビゲーションバーのスタイルを設定するには?
React Native Router Flux には、 という機能がありreact-native-drawer
ますNavDrawer
。現在、ナビゲーション バーの左側にデフォルトのハンバーガー メニュー アイコンがあり、別のカスタム アイコンに変更したいと考えています。それで、 leftTitle='Menu' にしてみましたが、変わりませんでした。
react-native-drawer
のデフォルトのメニュー アイコンをカスタマイズするにはどうすればよいのでしょうか。
また、 を使用してナビゲーション バーの高さを変更したnavigationBarStyle
ため、現在、ボタンはナビゲーション バーの中央ではなく下部に配置されています。で、試してみましたがnavigationBarStyle
、flex: 1, flexDirection: 'row', alignItems: 'center'
何も変わりませんでした。
では、ナビゲーション バーの要素を水平方向に中央揃えにするにはどうすればよいでしょうか。
コードは次のとおりです。
ありがとうございました
javascript - react-native-router-flux と nativebase の使用
https://blog.nativebase.io/the-caveats-of-using-navigator-in-react-native-9547d99172ce#.cghvxk1moを読みました
ナビゲーターにreact-native-router-fluxを使用していますが、nativebaseで使用する場合。nativebase のコンポーネントがアクティブでない
ファイル: Home.js
ファイル:私のscene.js
アプリ実行時。nativeBase のコンポーネントがアクティブではありません。
誰もが react-native-router-flux で nativeBase を使用しました。例を教えてください!助けてくれてありがとう!
javascript - navbar 要素を垂直方向に中央揃えにして、右 navbar ボタンを削除する方法は?
私は react-native-router-flux を使用しており、ナビゲーション バーをセットアップしています。現在、ナビゲーション バーはデフォルトの高さよりも短い高さになるようにスタイル設定されているため、ナビゲーション バー コンテナー内の要素は低く、ナビゲーション バー コンテナーの下部に近くなっています。
試してみnavigationBarStyle={{backgroundColor: 'pink', height: 55, flex: 1, justifyContent: 'center'}}
ましたが、まだ運がありません。
ナビゲーション バー内の要素を垂直方向に中央揃えするにはどうすればよいですか?
現在、右側のナビゲーション バー ボタンSettings
は、コンポーネントに移動するように設定されていSettings
ます。しかし、ページでは、右のナビゲーション バー ボタンSettings
を削除したいと考えています。どうすればそうできますか?Settings
これがどのように見えるかです (ピンク色の背景のナビゲーション バーがコンテナーであり、左のドロワー ボタン、シーン タイトル (ホーム)、および右の [設定] ボタンがナビゲーション バーの下部の近くにあります):
コードは次のとおりです。
前もって感謝します