ネイティブ・ルーティングジャンプを反応させます

RNの開発環境を構築した後（表示する方法構築https://www.cnblogs.com/luoyihao/p/11178377.htmlを）、複数のページ間のジャンプを達成します。

この場合、1は、糸をインストールするために反応するナビゲーションコマンドを追加使用して、（捨てられた前NavigatorとEX-ナビ）ナビゲーションを反応させる必要があります。

2.react-ナビゲーションが反応し、ネイティブ・ジェスチャー・ハンドラのアセンブリに依存し、また、インストールするように反応するネイティブ・ジェスチャー・ハンドラコマンドを追加した糸を使用する必要があります。

二つの成分のインストールが成功した後3. index.jsアプリケーションはsetup.jsから引用成分を、登録（エントリ・ファイル、index.android.js又はindex.ios.jsがあってもよいです）。

4. setup.jsにcreateStackNavigator、createAppContainer二つの機能と2つのページを導入しました。

"反応-ナビゲーション"からインポート{createStackNavigator、createAppContainer}。
「./js/pages/login」からインポート{ログイン}。
"./js/pages/scanDevice"からインポート{ScanDevice}。

5. createStackNavigator良いパッケージルーティングおよび2タイトルページの構成は、初期ルートを設定します。

createStackNavigator AppNavigator =定数（{ 
    ログイン：{ 
        スクリーン：ログイン、
        navigationOptions：{ 
            タイトル： 'コールドチェーン物流ヘルパー'、
            headerTitleStyle：{ 
                textAlign：行く'、
                フレックス:. 1、
            } 
        } 
    }、
    ScanDevice：{ 
        スクリーン：ScanDevice、
        navigationOptions ：{ 
            タイトル： 'スキャナ'、
            headerTitleStyle：{ 
                textAlign：行く'、
                marginLeft：-25、
                フレックス:. 1、
            } 
        } 
    } 
}、{
    initialRouteName： 'ログイン' 
}）;

6. AppNavigator createAppContainerに、別の機能パッケージを構成し、その後、コンポーネントクラスとしてエクスポート。

CONST AppContainer = createAppContainer（AppNavigator）。
輸出デフォルトのクラスのAppはReact.Componentを拡張{ 
    レンダリング（）{ 
        リターン<AppContainer />。
    } 
}

反応ネイティブ実行アンドロイド7を実行し、エラーを段階的に解決されている場合、Googleのクエリ。タスクが表示された場合：ネイティブ・ジェスチャー・ハンドラを反応させる compileDebugJavaWithJavacに失敗しました：エラーをたどるhttps://www.cnblogs.com/luoyihao/p/11222534.htmlを解決しました。

ネイティブ・ルーティングジャンプを反応させます

おすすめ