問題タブ [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 投票する
3 に答える
2710 参照

react-native - react-native-router-flux navbar にロゴを実装するにはどうすればよいですか?

現在、react-native-router-flux navbar に png ファイルであるロゴを実装しようとしています。オンラインで例が見つからないため、これが可能かどうかはわかりません。react-native-router-flux の「navigationBarBackgroundImage」プロパティを使用してみました。以下のコードでは、sceneStyle および navigationBarStyle プロパティは機能しますが、背景画像は機能しません。何かアドバイス?

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

javascript - 反応するネイティブルーターフラックスで「ルート」シーンが必要なのはなぜですか

私は自分のアプリにルーティング ライブラリを実装しています。本当に良いと思われるのはreact-native-router-fluxで、ドキュメントと実装が優れています。質問が 1 つだけあります。

すべての例で、シーンはルート シーンにラップされているため、次のようになります。

ルート シーンなしで使用してみましたが、期待どおりに動作します。

したがって、私の質問は、現在ルートの目的を理解していないためです。

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

javascript - react-native-router-flux でシーン ナビゲーションをリセットする

react-native-router-flux の使用に問題があります。私のルーターはこれに似ています:

タブのcreatePostアイコンをクリックしてプロセスに従うと、問題が発生します:カメラ->構成->終了。プロセスが終了したら、データをアップロードして探索に行く必要があります。すべてが完璧に機能しますが、新しい投稿を作成しようとすると、「終了」シーンに直接リダイレクトされます。

だから今まで、私が試したプロセスを終えるとき:

Actions.explore({タイプ: 'リセット'})

///

Actions.callback({ key: 'tabs', type: 'reset'}); Actions.explore()

///

Actions.callback({ key: 'createStory', type: 'reset'}); Actions.explore()

しかし、何も期待どおりに動作します。誰かがこれで私を助けることができますか?

ありがとう!

アップデート

さて、これを行う「可能な」解決策を見つけました:

Actions.popTo('キャプチャ'); -> createPost の最初のシーンに戻ります

Actions.explore(); -> createPost から出ます。

他にやりかたあると思うけど…

0 投票する
3 に答える
3256 参照

react-native - react-native-router-flux を使用して、引き出しページの戻るボタンを削除します

認証に成功すると、ユーザーがナビゲーションドロワー付きのホームページにリダイレクトされるログインインターフェイスを備えた、反応ネイティブを学習するアプリを作成しようとしています。これは、今日のほとんどのモバイルアプリの標準です。

これを実装するために、react -native-router-fluxreact-native-drawer-layoutを使用しました。

ドロワーが機能するようになりましたが、ログイン ページからホームページ (レシピ) にアクセスすると、戻るボタンが表示され、react-native-drawer-layout API に記載されているようにドロワー アイコンを設定できないようです。私が何をしようとしても。

引き出しが開いているが戻るボタンが表示されているホームページ

問題はルーターにあると思います。この特定のシナリオで定義されているシーンは次のとおりです。

誰かが私がここで欠けているものを理解するのを手伝ってくれますか? それをたくさん感謝します。

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

javascript - リアクトネイティブ- なぜこの関数が実行されているのですか?

React Native に頭を悩ませ始めたばかりでstate、管理に Redux を使用しています。UIコンポーネントのNativeBase ライブラリと、 react-native-router-fluxがビュー間のナビゲーションを処理しています。

現在、オブジェクトの配列から作成される基本的なリストを作成していguestます。リストは Redux ストアに保存されており、それにアクセスして表示することができます。リスト内の各項目は、配列guest内の に関連付けられています。リスト内の各項目をタッチ可能にし、関連するオブジェクトをプロパティとして次のビューにguests渡して詳細を表示したいと思います。guest

そのためにonPress、コンポーネントに関連付けられた標準関数である関数を使用していListItemます (NativeBase docs hereを参照)。また、ドキュメントに従ってreact-native-router-flux、コンポーネント自体の外部でナビゲーション アクションを定義し、レンダリングするたびではなく、押されたときに呼び出されるようにListItemしました。

私の問題は、特にが押されたときではなくonPress={goToView2(guest)}、 がレンダリングされるたびに関数が呼び出されていることを発見していることです。ListItemListItem

私が省略した単純なものに違いないと確信しています。助言がありますか?

View1.js - 初期リストを表示するビューguests:

guestView2.js -から選択したの詳細を表示するビューView1.js:

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

react-native - react-native-router-flux: タブを切り替えるときにタブシーンの履歴スタックがリセットされないようにするにはどうすればよいですか?

私はRouter2つのタブシーンでセットアップしています:

  • タブ 1: 2 つのナビゲート可能なシーン (静的画面) があります。
    • 画面 A:画面 Bに移動するためのボタンがあります。
    • 画面 B:テキストを用意するだけです。
  • タブ 2:静的な画面を 1 つだけ用意します。
    • 画面 C:テキストを用意するだけです。

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

app.js:

画面も至ってシンプル。

a.js:

b.js:

c.js:

使用事例:

  • アプリは画面 A (タブ 1) をレンダリングします。
  • 画面 A のボタンをクリックします。アプリは画面 B (まだタブ 1 にあります) に移動します。
  • タブ 2 をクリックします。アプリは画面 C (タブ 2) に移動します。
  • タブ 1 をクリックします。予想どおり、アプリは画面 A (タブ 1 内) に移動し、画面 B には移動しません

react-native-router-fluxタブに戻ったときにタブの履歴スタックを保持していません。それとも、ここで何か間違ったことをしていますか?

パッケージのバージョン:

  • 反応 v15.3.2
  • 反応ネイティブ v0.34.1
  • 反応ネイティブルーターフラックス v3.36.0
0 投票する
1 に答える
103 参照

react-native - RNRF ルーターの Relay.Environment を交換/リセットする方法

ユーザーがアプリからログアウトすると、リセットしたいRelay.Environment(既存のものを新しいものに置き換える)。コンポーネントを再レンダリングすると、 Relay.Environment現在の `Relay.Environment が返されます。Router<Router wrapBy={createRenderer()} sceneStyle={styles.scene}> <Scene key="root" tabs tabBarStyle={{ backgroundColor: '#333333' }}> createRenderer()

しかし、古い で作成されたシーンがまだ見られRelay.Environmentます。これを行う正しい方法はありますか?私は何かが欠けていますか?

アレックス