升级Expo SDK 49后React Native警告未消除的解决问询

1. 排查第三方依赖中的旧代码 #

警告不一定来自你的业务代码，很多时候是node_modules里的第三方库仍在使用已废弃的API：

• 用npm ls <依赖名>或yarn why <依赖名>定位哪些依赖在使用旧的transform数组、shadow*属性或pointerEvents props
• 查看这些依赖是否有适配Expo SDK 49的新版本，优先升级；如果没有官方更新，可使用patch-package给依赖打临时补丁修正代码

2. 彻底清理缓存 #

缓存残留可能导致旧代码逻辑仍在运行，执行以下操作：

• 重启Expo项目并清除缓存：expo r -c
• 清除包管理器缓存：npm cache clean --force（npm）或yarn cache clean（yarn）
• 完全重装依赖：删除node_modules、package-lock.json/yarn.lock后，重新执行npm install或yarn install

3. 全面检查代码遗漏 #

确认自己的代码中没有遗漏的废弃API使用场景：

• 检查全局样式、主题配置文件（如ThemeProvider中的样式定义）
• 排查动态生成的样式（如通过变量拼接的transform数组、条件渲染中的样式逻辑）
• 检查自定义组件的props传递，确保没有将pointerEvents作为组件props直接传递，而是放在style对象中

4. 验证依赖版本匹配 #

确保项目核心依赖版本与Expo SDK 49完全兼容：

• 确认package.json中react-native版本为0.72.x（SDK 49对应的RN版本）
• 检查expo-cli、@expo/webpack-config等工具类依赖是否升级到对应SDK 49的版本

5. 针对特定警告的细节检查 #

• transform样式：确保所有数组形式的transform: [{scale: 2}, {rotate: '15deg'}]替换为字符串形式transform: 'scale(2) rotate(15deg)'，注意函数参数的单位写法（如rotate需带deg单位）
• shadow属性：将shadowColor、shadowOffset、shadowOpacity、shadowRadius统一替换为boxShadow属性，语法为boxShadow: 'offset-x offset-y blur-radius spread-radius color'（例如boxShadow: '0 3px 6px rgba(0,0,0,0.16)'）
• pointerEvents：将组件props写法<View pointerEvents="none">改为样式写法<View style={{pointerEvents: 'none'}}>

内容的提问来源于stack exchange，提问作者Valerio Fusco