React Native の最新バージョンで Navigator を使用するにはどうすればよいですか?

マーティン・AJ

ここに私のコードがあります:

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Navigator
} from 'react-native';

import Component5 from './app/components/component5/component5.js';
import Component6 from './app/components/component6/component6.js';

export default class myproject extends Component {
  renderScene(route, navigator){
    switch(route.id){
      case 'component5':
        return(<Component5 navigator={navigator} title="component5" />)
      case 'component6':
        return(<Component6 navigator={navigator} title="component6" />) 
    }
  }

  render() {
    return (
      <Navigator
        initialRoute={{id:'component5'}}
        renderScene={this.renderScene}
        configureScreen={(route, routeStack) => Navigtator.SceneConfigs.FloatFromBottom}
      />
    );
  }
}


AppRegistry.registerComponent('myproject', () => myproject);

実行すると、次のエラーがスローされます。

ここに画像の説明を入力してください

まず、なぜNavigator最新バージョンで非推奨になったのでしょうか。そして、私は今何をすべきですか?非推奨のものをインストールするのは良い考えとは思えません。

KimHau

navigator のことは忘れて、react-navigation を使用してください。

リンク: https://reactnavigation.org

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

React Native Navigatorからタイトルを削除するにはどうすればよいですか?

分類Dev

React-Nativeアプリで、SwitchNavigator(react-navigator)とreact-reduxを使用するにはどうすればよいですか?

分類Dev

React-Native <Navigator />:インスタンス化したクラスから制御するにはどうすればよいですか?

分類Dev

React Nativeで使用されているTypescriptバージョンをアップグレードするにはどうすればよいですか?

分類Dev

react-nativeのタブバーにバッジを追加するにはどうすればよいですか?

分類Dev

React-NativeでAndroidのバージョン番号を取得するにはどうすればよいですか?(APIレベル番号ではありません)

分類Dev

React NativeでLOCATIONPERMISSIONを要求するにはどうすればよいですか?

分類Dev

React Native 0.57のデコレータでMobXを使用するにはどうすればよいですか?

分類Dev

react-nativeのモーダルでタブを使用するにはどうすればよいですか?

分類Dev

React Native Androidアプリで現在のCodePushバージョンラベルを表示するにはどうすればよいですか?

分類Dev

React Native iOSアプリでアプリのバージョンを更新するにはどうすればよいですか?

分類Dev

react-nativeでNativebaseを使用してTextInput&Dropdownを使用するにはどうすればよいですか?

分類Dev

React NativeでAsyncStorageを使用してItemを適切に取得するにはどうすればよいですか?

分類Dev

react-nativeで.bind(this)を使用せずにStateを設定するにはどうすればよいですか?

分類Dev

SafeAreaViewをreact-nativeバージョン0.48.0でプロジェクトにインストールするにはどうすればよいですか?

分類Dev

React-nativeまたはExpoでSVG-Uriを使用するにはどうすればよいですか?

分類Dev

出版時にreact-native + expoでBabelModule Resolverを使用するにはどうすればよいですか?

分類Dev

React NativeアプリでPythonコードを使用するにはどうすればよいですか?

分類Dev

React Nativeでカスタムアラートを使用するにはどうすればよいですか?

分類Dev

React Nativeで画像URIを使用して画像を削除するにはどうすればよいですか?

分類Dev

React NativeでStackedAreaChartを使用してXAxisを追加するにはどうすればよいですか?

分類Dev

React-NativeでAPIを使用してJSONを解析するにはどうすればよいですか?

分類Dev

React NativeでstackNavigationを使用して画面を変更するにはどうすればよいですか?

分類Dev

React NativeのsetNativePropsにuseRefフックを使用するにはどうすればよいですか?

分類Dev

React Native-異なるapplicationIdを持つproductFlavorsを使用するにはどうすればよいですか?

分類Dev

React NativeでアニメーションGIFを表示するにはどうすればよいですか?

分類Dev

React NativeでアニメーションGIFを表示するにはどうすればよいですか?

分類Dev

setState()を使用してReact Nativeの多次元配列を変更するにはどうすればよいですか?

分類Dev

React-Nativeを使用してこのJsonを消費するにはどうすればよいですか?

Related 関連記事

  1. 1

    React Native Navigatorからタイトルを削除するにはどうすればよいですか?

  2. 2

    React-Nativeアプリで、SwitchNavigator(react-navigator)とreact-reduxを使用するにはどうすればよいですか?

  3. 3

    React-Native <Navigator />:インスタンス化したクラスから制御するにはどうすればよいですか?

  4. 4

    React Nativeで使用されているTypescriptバージョンをアップグレードするにはどうすればよいですか?

  5. 5

    react-nativeのタブバーにバッジを追加するにはどうすればよいですか?

  6. 6

    React-NativeでAndroidのバージョン番号を取得するにはどうすればよいですか?(APIレベル番号ではありません)

  7. 7

    React NativeでLOCATIONPERMISSIONを要求するにはどうすればよいですか?

  8. 8

    React Native 0.57のデコレータでMobXを使用するにはどうすればよいですか?

  9. 9

    react-nativeのモーダルでタブを使用するにはどうすればよいですか?

  10. 10

    React Native Androidアプリで現在のCodePushバージョンラベルを表示するにはどうすればよいですか?

  11. 11

    React Native iOSアプリでアプリのバージョンを更新するにはどうすればよいですか?

  12. 12

    react-nativeでNativebaseを使用してTextInput&Dropdownを使用するにはどうすればよいですか?

  13. 13

    React NativeでAsyncStorageを使用してItemを適切に取得するにはどうすればよいですか?

  14. 14

    react-nativeで.bind(this)を使用せずにStateを設定するにはどうすればよいですか?

  15. 15

    SafeAreaViewをreact-nativeバージョン0.48.0でプロジェクトにインストールするにはどうすればよいですか?

  16. 16

    React-nativeまたはExpoでSVG-Uriを使用するにはどうすればよいですか?

  17. 17

    出版時にreact-native + expoでBabelModule Resolverを使用するにはどうすればよいですか?

  18. 18

    React NativeアプリでPythonコードを使用するにはどうすればよいですか?

  19. 19

    React Nativeでカスタムアラートを使用するにはどうすればよいですか?

  20. 20

    React Nativeで画像URIを使用して画像を削除するにはどうすればよいですか?

  21. 21

    React NativeでStackedAreaChartを使用してXAxisを追加するにはどうすればよいですか?

  22. 22

    React-NativeでAPIを使用してJSONを解析するにはどうすればよいですか?

  23. 23

    React NativeでstackNavigationを使用して画面を変更するにはどうすればよいですか?

  24. 24

    React NativeのsetNativePropsにuseRefフックを使用するにはどうすればよいですか?

  25. 25

    React Native-異なるapplicationIdを持つproductFlavorsを使用するにはどうすればよいですか?

  26. 26

    React NativeでアニメーションGIFを表示するにはどうすればよいですか?

  27. 27

    React NativeでアニメーションGIFを表示するにはどうすればよいですか?

  28. 28

    setState()を使用してReact Nativeの多次元配列を変更するにはどうすればよいですか?

  29. 29

    React-Nativeを使用してこのJsonを消費するにはどうすればよいですか?

ホットタグ

アーカイブ