問題タブ [react-native-router-flux]

バージョン

• 反応ネイティブルーターフラックス v3.35.0
• 反応ネイティブ v0.31

シーンが少ないです。シーンの 1 つはサブシーンがほとんどありません。メイン シーンの 1 つからサブ シーンの 1 つに移動するにはどうすればよいですか?

例 ：

詳細からコースに移動したい。しかし、コースは別の下のタブです。どうやってやるの？

コースや登録ではなく、タブバー シーンにのみ移動できます。

次のスニペットを実行すると、ルーターがスローされます

ルーターは App.componentDidMount によってマウントされているはずなので、すべてのアクションが機能しているはずです。
タイムアウトを 2 秒に設定すると、機能します。誰かがそれに遭遇しましたか？ここで何か間違ったことをしていますか？

認証が検証されたら、React Native Router Flux を使用してユーザーを新しいシーンにリダイレクトする例を探しています。ルーターコンポーネントを次のように定義したと仮定します。

<Router> <Scene key="root"> <Scene key="login" component={Login} title="Login" initial={true} hideNavBar="true" duration={1} /> <Scene key="home" component={Home} title="Home" hideNavBar="true" duration={1} /> </Scene> </Router>

• からに<Router>リダイレクトするには、 で何を更新する必要がありますか?LoginHome
• Routerコンポーネントがコンポーネント内にネストされている場合Drawer、状態をどこでどのように更新して、ユーザーがログインしていることを指定しますか?

私のコードには、react-native-router-flux と react-native-side-menu があります。

しかし、「ログインに移動」というラベルの付いたボタンをクリックすると、ログインページに移動できません。この問題はどうすればいいですか？または、この問題を解決する方法はありますか?

画面の下部にナビゲーション バーとタブがある反応ネイティブ アプリを作成しました。ホーム画面のボタンをクリックすると、左側のメニューが表示されます。サイドメニューにはボタンが1つ。ボタンをクリックしたとき、別の画面に移動するにはどうすればよいですか? ナビゲーションとタブ、および左側のメニューに使用しました。シンプルなコード スニペットが必要です。ありがとうございました。

引き出しの中でボタンが押されたときにスワイパーをスクロールする方法がわかりませんでした。

正確には、1 つのコンポーネントに全画面スワイパーがあります。ユーザーがハンバーガー ボタンをクリックすると、ドロワーにスワイパー データソース アイテムの配列が表示されます。コンポーネント内のクリックされたデータソース項目に移動したいと思います。Swiper には、このための scrollBy 関数が既に用意されています。スワイパーをトリガーして x インデックスをスクロールする方法を知る必要があります。

アプリケーションで Redux モデルを使用しています。レデューサーを介してスワイパーの参照を渡そうとしましたが、間違っているように見えました。

デバイスを回転させると、古いビューが回転しますが、画面がタッチされるまで、画面の一部を使用するだけで同じ寸法が維持され、その後再レンダリングされます。(これはリリース モードです。デバッグ モードでは、自動的に再レン​​ダリングされますが、1 秒または 2 秒の遅延の後でのみです)。これは、iOS7 および iOS9 を実行しているシミュレーターおよびデバイスで発生します。

この問題は、アプリをreact-native0.24.1 から 0.32.0 にアップグレードした後に発生しました。もちろん、このアップグレードでは、セーターから糸を引き抜くように、多くのサードパーティの反応ネイティブ ライブラリをアップグレードする必要がありました。特に、react-native-router-flux3.24.1 から 3.35.0 にアップグレードするには、コードに多くの変更が必要でした。

とはいえ、この問題を引き起こす可能性のある変更は何も考えられません。最初はreact-native-orientation、アップグレードが特に難しいと思ったので、プロジェクトから完全に削除しましたが、役に立ちませんでした。

onLayout最上位ビューにイベントのコールバックを追加し、console.log印刷しました。このイベントは、デバイスが回転した後、画面がタッチされるまで明らかにトリガーされません。次に、onLayout デバッグ ステートメントが出力され、react-native コードが同時に再レンダリングされます。

そのため、ネイティブ コードは、他のイベントにピギーバックできるようになるまで、ブリッジを介して JavaScript コードに回転イベントを送信していないようです。

これをデバッグする方法についての提案は大歓迎です。

更新: 0.28flex:1での重大な変更に関するメモを思い出しました。react-nativeこれは何か関係があるのだろうか？彼らが言うには：

以前に flex: 1 を使用していた場合、必要のない場所でこの変更を行うとレイアウトが壊れる可能性があります

問題は、それがいつ必要になるか、そしてそれが必要かどうかをどうやって知るかということです。それに関するドキュメントが見つからないようです。flex:1そうしないと悪いことが起こることがわかったので、私はいつもどこでも使用してきました。Scrollviewドキュメントで言う：

{flex: 1} をビュー スタックに転送するのを忘れると、ここでエラーが発生する可能性があります

そうすれば、悪いことが起こる可能性があるようです。残念。彼らは実際にあなたが何をしているのかをあなたに知ってもらいたいようです. ハッカーは何をしますか？

更新 2: それは問題ではないようです。もちろん、ハッカーが行うことはハッキングです。{flex: 1}最上位レベルから始めて、1 つずつ調べて削除しました。ほとんどの場合、レイアウトが壊れてしまい、この問題を解決することはできませんでした。

反応ネイティブルーターフラックス v3.30.0 反応ネイティブ v0.31.0

BackAndroidButton を押すと、handleBackAndroid 関数が呼び出され、アプリが終了します。