根據(jù)github上的按照教程來安裝react-native-router-flux：https://github.com/aksonov/react-native-router-flux

yarn add react-native-router-flux

總是會出一些莫名其妙的問題，在看github文檔才發(fā)現(xiàn)還需要安裝React Native Router使用的本地依賴項。

圖一

安裝

在React Native項目中安裝所需的軟件包：

npm：npm install @react-navigation/native
yarn：yarn add @react-navigation/native

React Navigation由一些核心實用程序組成，導(dǎo)航器隨后使用它們在您的應(yīng)用程序中創(chuàng)建導(dǎo)航結(jié)構(gòu)?，F(xiàn)在不必為此擔(dān)心太多，它很快就會變得清楚起來！為了提前完成安裝工作，我們還要安裝和配置大多數(shù)導(dǎo)航器使用的依賴項，然后我們就可以開始編寫一些代碼了。

我們現(xiàn)在將安裝這些庫react-native-gesture-handler，react-native-reanimated，react-native-screens和react-native-safe-area-context和@react-native-community/masked-view。如果您已經(jīng)安裝了這些庫，并且已安裝了最新版本，則在這里完成！否則，請繼續(xù)閱讀。

安裝依賴到您的React Native項目中

npm

npm install react-native-reanimated react-native-gesture-handler react- native-screens react-native-safe-area-context @react-native-community/masked-view

yarn

yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

注意：安裝后，您可能會收到與對等項依賴項有關(guān)的警告。它們通常是由某些軟件包中指定的版本范圍不正確引起的。只要您的應(yīng)用可以構(gòu)建，您就可以放心地忽略大多數(shù)警告。

從React Native 0.60及更高版本開始，鏈接是自動的。因此，您無需運行 react-native link。

要完成react-native-screens Android的安裝，請將以下兩行添加到中的dependencies部分android/app/build.gradle：

implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'

要完成react-native-gesture-handler的安裝，請在條目文件的頂部（確保其位于頂部，并且沒有其他內(nèi)容）添加以下內(nèi)容，例如index.js或App.js

import 'react-native-gesture-handler'

現(xiàn)在，我們需要將整個應(yīng)用程序包裝在中NavigationContainer。通常，您可以在條目文件中執(zhí)行此操作，例如index.js或App.js：

import 'react-native-gesture-handler';
import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';

export default function App() {
   return (
        <NavigationContainer>{/* Rest of your app code */}</NavigationContainer>
   );
}