問題タブ [react-navigation-drawer]
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 - ナビゲーションがますます遅くなる
アプリを初めて起動すると、すばやく反応します。しかし、私がナビゲートするとき、それはますます遅くなります。メイン画面とセカンド画面の間を再帰的に移動しても。最初のナビゲーションはすぐに完了しますが、10 番目のナビゲーションには既に 1 秒かかり、アプリ全体の速度が低下しています。ナビゲーションが原因ではないかと疑っています。何もしなければ。アプリが実行されているだけで、ナビゲートを開始するまでは高速です。これは、はるかに大規模な Android で発生します。iOS (少なくともエミュレーター) では、多くのナビゲーションの後、この問題はほんの少しだけ目立ちます。
私が理解している限り、どこかに移動するたびに、新しい画面がスタックの上に追加されます。私のすべてのナビゲーションは this.props.navigation.navigate('Home') のように作られています。だから多分これが原因。もしそうなら、ホーム画面に戻るたびにスタックをリセットする方法はありますか?
これは私のNavigator.jsです
ユーザーがサインインしていない場合に表示するログイン画面が 1 つある別のナビゲーターがありますが、関連性はないと思います。
これは私の HomeScreen.js のコンテンツです
参考までに、設定画面は完全に空です
これら 2 つの画面間を行き来する操作は、毎回遅くなります。
react-native - React-Navigation Drawer メニューを画面に追加するには?
React-Navigation 3.x で構築されたホーム画面があります。ヘッダー、いくつかのナビゲーション アイコン、および下部のタブ メニューがあります。うまく機能していますが、画面に引き出しメニューを追加し、右上隅に引き出しを切り替えるアイコンを追加したいと考えています。
これは、私のホーム画面 (App.js) の簡易バージョンです。
DrawerMenu.js のコードは次のとおりです。
引き出しを動かせませんでした。ホーム画面の右上隅にある [メニュー] ボタンをクリックして toggleDrawer() を呼び出すと、「undefined is not an object (evaluating 'ae.props.navigation')」というエラーが表示されました。
ジェスチャでも引き出しを起動できないので、正しく追加していないと思います。ここで何が間違っていましたか？ありがとう！！