别着急，坐和放宽
Search
使用 React Native Screens 构建一个 Native Navigation（一）
2025 年 3 月 20 日 星期四
(已编辑)
技术
/
react-native
623
5
AI 生成的摘要
此内容由 AI 生成
这篇文章上次修改于 2025 年 3 月 20 日 星期四，可能部分内容已经不适用，如有疑问可询问作者。
阅读此文章之前，你可能需要首先阅读以下的文章才能更好的理解上下文。
使用 React Native Screens 构建一个 Native Navigation 之内部原理
使用 React Native Screens 构建一个 Simple Navigation
使用 React Native Screens 构建一个 Native Navigation（一）
转换到旧版评论
免登录评论
Loading...
Loading...
Loading...
Loading...
Loading...
React Navigation 有两种用法：纯 JS 实现的仿原生导航和使用原生容器（@react-navigation/native-stack）。原生容器底层是由 react-native-screens 实现，但几乎无官方文档，需要自行探索。通过分析 native-stack 的实现可知，导航其实是 ScreenStack 和 ScreenStackItem 的管理。在页面跳转时会新增 ScreenStackItem，进行栈管理，配合 style 设置尺寸。还需关注如 onDismissed 等生命周期回调来更新 React 状态，保证页面状态同步。文末提到后续将继续深入 react-native-screens 的机制。