問題タブ [react-native-tabnavigator]

質問する

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.

133 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
240 参照

javascript - React Native:状態変数がホットリロードでのみ更新されるのはなぜですか?

シナリオ

React Native アプリには、タブ ナビゲーターがあります。各タブには<Checkbox>、状態変数に従ってチェック/チェック解除されるコンポーネントがあり、チェックボックスをクリックしてチェック/チェック解除の値を切り替えることができます。これらのチェックボックス コンポーネントは次のようになります。

各タブは独自の状態を持つ独自のコンポーネントであり、それぞれに状態変数が含まれていますa。それぞれ<Checkbox>が「チェック済み」、つまりthis.state.aisで始まりますtrue。

異常な行動

タブ A、B、および C があり、this.state.a最初はすべてtrue(したがって、それぞれのチェックボックスがオンになっている) とします。タブAのチェックボックスをクリックするthis.state.aと、Aがなりfalse、期待どおりチェックボックスがオフになります。しかし、タブ B に移動すると、チェックボックスもオフになります。in B は、何らかの理由this.state.aでまだです。trueファイルの 1 つを保存すると、画面がホット リロードthis.state.aされ、B が になりfalseます。

私の質問は次のとおりです。

  1. あるタブでチェックボックスを切り替えると、他のタブで切り替えたチェックボックスの値が影響を受けるのはなぜですか?

  2. this.state.aに切り替わらない場合に、B のチェックボックスがチェックされている状態からチェックされていない状態にするにはどうすればよいfalseですか?

  3. ページをホットリロードするとthis.state.ain B が に切り替わるのはなぜですか?false

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

react-native - タブ ナビゲーターの名前とヘッダーを変更する

私はネイティブに反応するのが初めてで、ボトムタブナビゲーターを作成しました。ホーム、テナント、ワークオーダーの 3 つのメニューがあります。ボタン名とヘッダーを「WorkOrders」ではなく「WorkOrders」と表示するように WorkOrders を変更するにはどうすればよいですか?

ありがとう

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

react-native - this.props.navigation.setParams() は、以前に渡されたナビゲーションからのパラメーターを更新しません

TabNavigator反応ネイティブ プロジェクトでを使用しており、 と を介して画面間でデータthis.props.navigation.setParams()をそれぞれ渡していますthis.props.navigation.getParam()。問題は、このアプローチが機能することです。そのデータを初めて送信するとき、2回目にデータを送信しようとするときにのみ、画面を離れるときにデータが更新されませんnavigation.state.params

以下は、データの送受信を担当するコードの断片です。


12345678910