問題タブ [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.

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

reactjs - react-native-router-flux : 戻るナビゲーションで React ライフサイクル メソッドが呼び出されていません

反応ネイティブアプリを開発しています。アプリでのナビゲーションにreact-native-router-fluxライブラリを使用しています。

ライブラリは正常に動作していますが、ナビゲート中に反応ライフサイクル メソッドが呼び出されません。

たとえば、ページ 2 で [戻る] ボタンを押した場合、ページ 1 に移動し、ページ 2 の componentWillUnmount() が呼び出されますが、ページ 1 のライフサイクル メソッドは呼び出されません

新しい状態に従ってページ 1 を更新したい。

どんな助けでも大歓迎です。

0 投票する
2 に答える
1065 参照

javascript - React Native - navigationState.children[3].key "SCENE_2" が別の子と競合する

反応ネイティブ アプリの現在のナビゲーションに問題があります。react-native-router-fluxモジュールを使用します。

ルーター構造は次のようになります。

次のような独自の TabBar を使用します。

TabBar にはいくつかのボタンがあります。そのうちの 1 つは、プロファイル シーンへのアクションがあります。そのようです:

プロファイル ボタンをクリックすると、初回のみ機能します。戻ってプロファイルボタンボタンをもう一度クリックすると、エラーが発生しました:

navigationState.children[3].key "scene_2_PROFILE_TABBAR" が別の子と競合しています!

コードの何が問題になっていますか? アクションを間違って使用しましたか? 他にどのようにコードを構成できますか?

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

javascript - React Native Router Flux:NavDrawerのボタンとナビゲーションバーのスタイルを設定するには?

React Native Router Flux には、 という機能がありreact-native-drawerますNavDrawer。現在、ナビゲーション バーの左側にデフォルトのハンバーガー メニュー アイコンがあり、別のカスタム アイコンに変更したいと考えています。それで、 leftTitle='Menu' にしてみましたが、変わりませんでした。

react-native-drawerのデフォルトのメニュー アイコンをカスタマイズするにはどうすればよいのでしょうか。

また、 を使用してナビゲーション バーの高さを変更したnavigationBarStyleため、現在、ボタンはナビゲーション バーの中央ではなく下部に配置されています。で、試してみましたがnavigationBarStyleflex: 1, flexDirection: 'row', alignItems: 'center'何も変わりませんでした。

では、ナビゲーション バーの要素を水平方向に中央揃えにするにはどうすればよいでしょうか。

コードは次のとおりです。

ありがとうございました

0 投票する
2 に答える
2409 参照

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 を使用しました。例を教えてください!助けてくれてありがとう!

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

javascript - navbar 要素を垂直方向に中央揃えにして、右 navbar ボタンを削除する方法は?

私は react-native-router-flux を使用しており、ナビゲーション バーをセットアップしています。現在、ナビゲーション バーはデフォルトの高さよりも短い高さになるようにスタイル設定されているため、ナビゲーション バー コンテナー内の要素は低く、ナビゲーション バー コンテナーの下部に近くなっています。

試してみnavigationBarStyle={{backgroundColor: 'pink', height: 55, flex: 1, justifyContent: 'center'}}ましたが、まだ運がありません。

ナビゲーション バー内の要素を垂直方向に中央揃えするにはどうすればよいですか?

現在、右側のナビゲーション バー ボタンSettingsは、コンポーネントに移動するように設定されていSettingsます。しかし、ページでは、右のナビゲーション バー ボタンSettingsを削除したいと考えています。どうすればそうできますか?Settings

これがどのように見えるかです (ピンク色の背景のナビゲーション バーがコンテナーであり、左のドロワー ボタン、シーン タイトル (ホーム)、および右の [設定] ボタンがナビゲーション バーの下部の近くにあります):

ここに画像の説明を入力

コードは次のとおりです。

前もって感謝します