根據(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)⊙姹。現(xià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>
);
}