react-native - 如何在 React Native 中创建导航抽屉?
问题描述
我有主页、类别和关于页面,我想创建一个导航抽屉并可以访问我的导航抽屉中的所有这些页面,我该怎么做?
解决方案
首先,您需要像这样安装“反应本机导航抽屉”库npm install @react-navigation/drawer
完成此操作后,将此代码添加到您的 App.js 文件或您想要的任何页面中。
import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';
const Drawer = createDrawerNavigator();
export default function App() {
return (
<NavigationContainer>
<Drawer.Navigator initialRouteName="Home">
<Drawer.Screen name="Home" component={HomeScreen} />
</Drawer.Navigator>
</NavigationContainer>
);
}
where<Drawer.Screen name="Home" component={HomeScreen} />
代表您要添加到抽屉的每个屏幕。
推荐阅读
- c++ - 在共享库中包含静态库会导致“未定义的引用”
- python - 有没有办法将我在 python 中制作的数据集导出到我的计算机?
- r - 如何在点图中的同一行上绘制不同行的值?
- docker - 构建 mediasoup 演示时,macOS 上的 docker 桌面崩溃
- visual-studio-2019 - 哪些 ANTLR Nuget 包是哪些?
- rendering - GLSL从相机获取特定像素的距离?
- python - 在 tkinter 中绘制图形导致程序在关闭时挂起
- javascript - 带有 HTTP PUT 的 JavaScript Fetch() 未将 FormData 发送到 PHP 服务器
- node.js - 微服务之间如何使用不同的交互协议,连接API网关?
- r - R:运行一个函数,直到函数的前一个输出的条件测试对所有行都为真