android - 滑动打开反应原生导航抽屉
问题描述
我正在尝试设置一个反应本机导航抽屉,并且我有一个可以正确切换抽屉的按钮,尽管我正在尝试设置滑动功能以打开抽屉,但这根本不起作用。我的drawer.js文件如下
import React from 'react';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';
import HomeStack from './homeStack';
import AboutStack from './aboutStack';
const Drawer = createDrawerNavigator();
export const AppNavigator = () => (
<NavigationContainer>
<Drawer.Navigator initialRouteName='Home'>
<Drawer.Screen
name='Home'
component={HomeStack}
/>
<Drawer.Screen
name='About'
component={AboutStack}
/>
</Drawer.Navigator>
</NavigationContainer>
);
export default AppNavigator;
它像这样导入我的 App.js
import React from 'react';
import Navigator from './routes/drawer';
export default function App() {
return (
<Navigator />
)
}
我已经尝试过这篇文章中的建议,但没有成功。
我正在运行反应原生 0.63、反应原生导航 5.9、反应原生导航抽屉 5.12.3 和反应原生手势处理程序 1.10.0
供参考的是我的 index.js 文件,其中包含前面提到的帖子中的更新
/**
* @format
*/
import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';
import { gestureHandlerRootHOC } from 'react-native-gesture-handler'
AppRegistry.registerComponent(appName, () => gestureHandlerRootHOC(App));
解决方案
推荐阅读
- networking - Sidecar、Ambassador和Adapter模式的区别
- wordpress - 是否可以在主菜单上显示一些有限的菜单列表?
- c# - c#从linux格式路径中获取文件名
- r - 删除R中列表中每个小标题的第一列
- python - 无法使用 twine 将二进制轮子上传到 pypi
- mongodb - 如何在 Mongodb 社区版中获取 CRUD 操作的日志详细信息?
- node.js - Mongoose 在第一次连接时无法连接到单个副本集
- jenkins - 当条件为真时,从参数化项目运行另一个管道
- java - Spring - 下载小于 1 kb 的小文件时出错
- javascript - 用于Mozilla的React Js文本输入光标位置