我尝试使用反应原生的导航..我补充说:npm install --save react-navigation
但它给我一个这样的错误:
错误:捆绑失败:错误:无法从react-native-gesture-handler
解析模块C:\reactnative\proejectName\node_modules\@react-navigation\native\src\Scrollables.js
:Haste模块映射中不存在模块react-native-gesture-handler
这是索引:
import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';
AppRegistry.registerComponent(appName, () => App);
这是app.js.
import React from 'react';
import { createStackNavigator, createAppContainer, } from 'react-navigation';
import First from './src/Components/First';
import DescriptionPage from './src/Components/DescriptionPage';
const Navigation = createStackNavigator({
First: {
screen: First,
},
DescriptionPage: {
screen: DescriptionPage,
},
});
const App = createAppContainer(Navigation);
export default App;
这是package.json:
{
"name": "ProjectName",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.8.3",
"react-native": "0.59.1",
"react-native-sqlite-storage": "^3.3.10",
"react-navigation": "^3.5.1"
},
"devDependencies": {
"@babel/core": "7.4.0",
"@babel/runtime": "7.4.2",
"babel-jest": "24.5.0",
"eslint-config-rallycoding": "^3.2.0",
"jest": "24.5.0",
"metro-react-native-babel-preset": "0.53.1",
"react-test-renderer": "16.8.3"
},
"jest": {
"preset": "react-native"
}
}
您还需要在项目依赖项列表中单独安装react-native-gesture-handler
,并将其与本机链接。请参考这个doc。
希望这可以帮助。快乐的编码!
使用以下命令进行安装
yarn add react-native-gesture-handler
然后链接特定项目中的库
react-native link react-native-gesture-handler
在您的反应原生项目中找不到手势处理程序。运行此命令
npm install react-native-gesture-handler
快乐的编码