問題タブ [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.
react-native - react-native-router-flux navbar にロゴを実装するにはどうすればよいですか?
現在、react-native-router-flux navbar に png ファイルであるロゴを実装しようとしています。オンラインで例が見つからないため、これが可能かどうかはわかりません。react-native-router-flux の「navigationBarBackgroundImage」プロパティを使用してみました。以下のコードでは、sceneStyle および navigationBarStyle プロパティは機能しますが、背景画像は機能しません。何かアドバイス?
javascript - 反応するネイティブルーターフラックスで「ルート」シーンが必要なのはなぜですか
私は自分のアプリにルーティング ライブラリを実装しています。本当に良いと思われるのはreact-native-router-fluxで、ドキュメントと実装が優れています。質問が 1 つだけあります。
すべての例で、シーンはルート シーンにラップされているため、次のようになります。
ルート シーンなしで使用してみましたが、期待どおりに動作します。
したがって、私の質問は、現在ルートの目的を理解していないためです。
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 から出ます。
他にやりかたあると思うけど…
react-native - react-native-router-flux を使用して、引き出しページの戻るボタンを削除します
認証に成功すると、ユーザーがナビゲーションドロワー付きのホームページにリダイレクトされるログインインターフェイスを備えた、反応ネイティブを学習するアプリを作成しようとしています。これは、今日のほとんどのモバイルアプリの標準です。
これを実装するために、react -native-router-fluxとreact-native-drawer-layoutを使用しました。
ドロワーが機能するようになりましたが、ログイン ページからホームページ (レシピ) にアクセスすると、戻るボタンが表示され、react-native-drawer-layout API に記載されているようにドロワー アイコンを設定できないようです。私が何をしようとしても。
問題はルーターにあると思います。この特定のシナリオで定義されているシーンは次のとおりです。
誰かが私がここで欠けているものを理解するのを手伝ってくれますか? それをたくさん感謝します。
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)}
、 がレンダリングされるたびに関数が呼び出されていることを発見していることです。ListItem
ListItem
私が省略した単純なものに違いないと確信しています。助言がありますか?
View1.js - 初期リストを表示するビューguests
:
guest
View2.js -から選択したの詳細を表示するビューView1.js
:
react-native - react-native-router-flux: タブを切り替えるときにタブシーンの履歴スタックがリセットされないようにするにはどうすればよいですか?
私はRouter
2つのタブシーンでセットアップしています:
- タブ 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
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
ます。これを行う正しい方法はありますか?私は何かが欠けていますか?
アレックス