18｜Navigation：页面之间怎么跳转？
荧光笔
直线
曲线- 深入了解
- 翻译
- 解释
- 总结
React Navigation 是 React Native 开发中常用的导航工具，用于管理页面之间的链接。本文详细介绍了使用 React Navigation 实现页面跳转和返回的基础操作，包括创建“导航地图”和携带参数跳转页面，以及使用 navigation 对象进行页面跳转和通过 route 对象携带和接收自定义参数。此外，文章还介绍了 React Navigation 中的自定义参数 params 和导航配置 options 的使用方法，以及如何灵活使用 React Navigation 实现页面导航的重要技术支持。 在文章中还提到了不同类型的导航，如 Stack Navigator、Drawer Navigator、Bottom Tabs Navigator 等，以及它们的使用方法和嵌套实现。这些内容为读者提供了在 React Native 开发中实现页面导航的重要参考。 此外，文章还提出了两个作业问题，分别是使用 Native Stack Navigator 实现通用的弹窗功能，以及讨论在使用老版本的 React Navigation 时可能遇到的问题。这些问题为读者提供了实际操作和交流的机会，有助于加深对 React Navigation 的理解和应用。 总的来说，本文通过详细介绍 React Navigation 的基本用法和关键配置，为读者提供了在 React Native 开发中实现页面导航的重要参考，同时也为读者提供了实际操作和交流的机会，有助于加深对 React Navigation 的理解和应用。
《React Native 新架构实战课》，新⼈⾸单¥59
全部留言(13)
- 最新
- 精选
- 潇潇暮雨老师，可以讲一下原生页面与RN页面相互跳转吗
作者回复: RN 和 Native 相互跳，用的是 Native 导航。 在混合应用中，RN 只是 Native 的一个页面容器，比如在 Android 中为 Activity/Fragment，在 iOS 中为 ViewController。 跳转是用的 Native 通过 JSI/JS Bridge 暴露给 JS 的 Module/Component 跳转的。
2022-05-093 
007老师，能讲一下Modal页面。还有自定义导航动画么？作者回复: 你好同学，你可参考以下资料 官方 Modal 的示例、文档和代码 示例：https://reactnavigation.org/docs/modal/ 文档：https://reactnavigation.org/docs/native-stack-navigator/#presentation 代码：https://github.com/react-navigation/react-navigation/blob/main/example/src/Screens/ModalStack.tsx 官方动画的文档： 文档：https://reactnavigation.org/docs/native-stack-navigator/#animation
2022-05-091
维筱老师，求画图软件作者回复: excalidraw.com + keynote
2023-01-23归属地：湖北
追风方便讲解一下react-native中路由鉴权的方案吗？作者回复: 这块主要是和后端配合，关键点是token和seesion。
2023-01-19归属地：重庆
Hozan如何解决两个Tab之间的滑动冲突问题？2023-01-12归属地：广东
章鱼哥老师您好，我想请教一下TS项目 { navigation }和{ route }的类型该如何写？2022-10-19归属地：浙江- Geek_27a13a老师，您好 react-native 新搭建的0.69.0项目怎么兼容 react-native-screens（3.13.1）这个问题应该怎么解决呢？2022-06-26
- Geek_27a13a老师，您好 React Native 项目0.69.0版本下,安装react-native-screens（3.13.1）报错。提示react-native-screens版本不支持，这个怎么解决呢？？2022-06-26
dao老师，请问如果很多页面使用 react navigation 关联起来，是否会有性能问题 ？2022-06-10- dao老师的一节课，我学习花了一周💧 试着动手做了示例和作业，用 react navigation drawer 把整节示例串起来了。代码 https://bit.ly/3O9xk3U2022-06-10