根据github上的按照教程来安装react-native-router-flux:https://github.com/aksonov/react-native-router-flux
yarn add react-native-router-flux
总是会出一些莫名其妙的问题,在看github文档才发现还需要安装React Native Router使用的本地依赖项。
安装
在React Native项目中安装所需的软件包:
npm:npm install @react-navigation/native
yarn:yarn add @react-navigation/native
React Navigation由一些核心实用程序组成,导航器随后使用它们在您的应用程序中创建导航结构。现在不必为此担心太多,它很快就会变得清楚起来!为了提前完成安装工作,我们还要安装和配置大多数导航器使用的依赖项,然后我们就可以开始编写一些代码了。
我们现在将安装这些库react-native-gesture-handler
,react-native-reanimated
,react-native-screens
和react-native-safe-area-context
和@react-native-community/masked-view
。如果您已经安装了这些库,并且已安装了最新版本,则在这里完成!否则,请继续阅读。
安装依赖到您的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
注意:安装后,您可能会收到与对等项依赖项有关的警告。它们通常是由某些软件包中指定的版本范围不正确引起的。只要您的应用可以构建,您就可以放心地忽略大多数警告。
从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的安装,请在条目文件的顶部(确保其位于顶部,并且没有其他内容)添加以下内容,例如index.js或App.js
import 'react-native-gesture-handler'
现在,我们需要将整个应用程序包装在中NavigationContainer。通常,您可以在条目文件中执行此操作,例如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>
);
}