Expo 51.0.2 iOS应用点击按钮触发navigation.navigate()崩溃及警告问题

一、defaultProps警告处理 #

这些警告来自未适配React Native 0.74（Expo 51对应版本）的依赖包，RN从0.74开始逐步废弃defaultProps，推荐使用JS默认参数。

临时屏蔽警告 #

在项目入口文件（如App.js）添加日志过滤：

import { LogBox } from 'react-native';
// 屏蔽所有defaultProps相关警告
LogBox.ignoreLogs(['Component.defaultProps']);

长期根治方案 #

1. 检查依赖包版本：比如CountryPicker这类组件，确认是否有兼容RN 0.74的更新版本，执行npm update [依赖包名]或yarn upgrade [依赖包名]升级。
2. 若依赖包未更新：可fork该包源码，将组件的defaultProps替换为JS默认参数：
   • 函数组件：把Component.defaultProps = { xxx: yyy }改成const Component = ({ xxx = yyy }) => {...}
   • 类组件：把static defaultProps = { xxx: yyy }改成构造函数内设置默认值，或直接迁移为函数组件。

二、navigation.navigate点击崩溃排查 #

崩溃和defaultProps警告无关，重点从以下几点排查：

1. 确认依赖版本兼容 #

Expo 51要求react-navigation为6.x版本，执行以下命令确保依赖匹配：

npx expo install @react-navigation/native @react-navigation/stack react-native-screens react-native-safe-area-context

2. 检查导航上下文 #

确保调用navigation.navigate的组件在NavigationContainer的嵌套范围内，禁止在导航容器外使用导航方法。

3. 验证路由名称正确性 #

检查StackNavigator中定义的路由name是否和navigate传入的名称完全一致（大小写、拼写都要匹配）。

4. 查看崩溃日志 #

用Xcode打开ios目录下的.xcworkspace文件，运行项目后查看控制台的崩溃报错信息，定位具体原因（比如navigation对象为null、某个依赖的导航逻辑报错等）。

5. 回退最近更新的依赖 #

因两天前运行正常，大概率是最近更新的依赖导致冲突。查看package.json变更记录，回退到之前的版本：

npm install [依赖包名]@[之前的版本号]

三、警告对应用运行的影响 #

当前这些defaultProps警告仅为未来兼容性提示，不会直接导致应用崩溃或功能异常。但如果依赖包长期不更新，后续升级Expo/React Native时可能会出现兼容性错误，建议尽早处理。

内容的提问来源于stack exchange，提问作者Caragea Theodor