タグ付けされた質問 「react-navigation」

スタックとタブナビゲーターの両方を使用して画面を切り替えようとしています。 const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); この場合、stacknavigatorが最初に使用され、次にtabnavigatorが使用されます。スタックナビゲーターのヘッダーを非表示にしたい。次のようなナビゲーションオプションを使用すると、WItが正しく機能しません。 navigationOptions: { header: { visible: false } } 私はstacknavigatorで使用している最初の2つのコンポーネントでこのコードを試しています。この行を使用すると、次のようなエラーが発生します。

135 javascript  react-native  react-navigation  expo 

私はreactnativeナビゲーション（react-navigation）StackNavigatorを使用しています。これは、アプリのライフサイクル全体を通じてログインページから始まります。ログイン画面に戻るという戻るオプションは必要ありません。ログイン画面の後に画面に非表示にする方法を知っている人はいますか？ところで、私はまた、以下を使用してログイン画面にそれを隠しています： const MainStack = StackNavigator({ Login: { screen: Login, navigationOptions: { title: "Login", header: { visible: false, }, }, }, // ... other screens here })

87 reactjs  react-native  navigation  react-navigation 

プロジェクトでDrawerナビゲーションを設計します。 次のコマンドでインストールしました： npm install @react-navigation/drawer 次にそれをインポートしました App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; これは私のpackage.jsonコンテンツです： "@react-native-community/masked-view": "^0.1.6", "@react-navigation/drawer": "^5.0.0", "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.6", "react-native-reanimated": "^1.7.0", "react-native-screens": "^2.0.0-beta.1", "react-native-view-shot": "^3.0.2", "react-navigation": "^4.1.1", "react-navigation-stack": "^2.1.0", これは私のApp.jsコンテンツです： const App = () => { const Drawer = …

10 reactjs  react-native  navigation-drawer  react-navigation 

反応ネイティブアプリを0.62.0にアップグレードするだけで、アプリはこの警告サインを受け取り続けます ReactNativeFiberHostComponent: Calling `getNode()` on the ref of an Animated component is no longer necessary. You can now directly use the ref instead. This method will be removed in a future release. この問題が発生している理由がわかりませんか？誰か説明していただけますか？ スタックも見ます ref.getNode | createAnimatedComponent.js:129:20 SafeView#_updateMeasurements | index.js:192:14 SafeView#componentDidUpdate | index.js:154:9 更新 これは、反応ナビゲーションからのSafeAreaViewから来ている可能性があると思います

9 react-native  react-navigation 

ページネーションとReact Native Navigationが原因で、複雑なタイプの問題に直面しています。カテゴリリストがクリックされたドロワーは、すべて画面に移動します 問題文： カテゴリをランダムにクリックすると、すべてうまくいきます。しかし、ページネーション中に問題が発生します。カテゴリ「消費者」をクリックして、さらにレコードをスクロールするとします。その後、「モバイル」カテゴリをクリックします。モバイルカテゴリページが1秒間表示され、その後、前のルートが呼び出されます（コンシューマー）。 次のコードでカテゴリを移動しようとしましたが、同じ問題が発生しました。 コード： 1）。 this.props.navigation.navigate({ routeName: "CategoryList", params: { cat_id: e.cat_id }, key: Math.random () * 10000 }) 2）。 const resetAction = StackActions.reset({ index: 0, actions: [NavigationActions.navigate({ routeName: 'CategoryList', params: { cat_id: e.cat_id } })], }); this.props.navigation.dispatch(resetAction); 3）。 const pushAction = StackActions.push({ routeName: "CategoryList", params: { …

8 react-native  react-navigation