iOS端React Native组件报TypeError:期望字符串却获null求解决方案
解决方案
检查
ActivityIndicator的color属性值:iOS端对该属性的类型校验比Android严格,若传入null会触发报错。排查代码中是否存在color={null}或从状态/属性中获取的color值为null的情况,给属性设置默认值即可修复,例如:<ActivityIndicator color={yourColorVar || '#165DFF'} />清理iOS项目的Derived Data:仅清理yarn缓存可能不够,Xcode的Derived Data也可能残留异常缓存。操作步骤:
- 打开Xcode,点击顶部菜单栏的
File->Workspace Settings(或Project Settings) - 点击
Derived Data右侧的箭头,打开对应的文件夹 - 删除当前项目对应的Derived Data文件夹,重启Xcode后重新编译项目
- 打开Xcode,点击顶部菜单栏的
排查React Native版本兼容性:部分版本的React Native iOS端
ActivityIndicator存在属性类型校验的bug,尝试升级到最新稳定版或回退至已知无此问题的版本(如0.69.x系列)。升级命令示例:yarn add react-native@0.69.10升级后需重新执行
pod install(iOS端)检查第三方UI库的封装:若你使用了第三方库(如react-native-elements)提供的
ActivityIndicator组件,排查库内部是否传递了null的color值,或你传入的参数是否存在异常。可尝试替换为官方原生组件测试是否仍报错
内容的提问来源于stack exchange,提问作者Harry M
相关产品推荐
相关产品推荐

