React Native iOS中NSNumber类型值'1'无法转为UIEdgeInsets问题求助

问题原因 #

你给组件的边缘相关属性（比如contentInset、padding这类需要四边值的属性）传入了单个数字（比如1），iOS端的UIEdgeInsets类型要求是包含top、right、bottom、left四个方向值的结构，单个数字无法被正确解析转换，所以抛出这个错误。

解决步骤 #

• 排查所有用到边缘布局属性的组件，比如ScrollView、FlatList的contentInset，或是自定义组件的padding相关配置，定位到传入单个数字的代码位置。
• 将单个数字替换为包含四个方向的对象格式：
  比如把 contentInset={1} 修改为 contentInset={{top: 1, right: 1, bottom: 1, left: 1}}；
  如果只需要特定方向有值，其他设为0即可，例如 contentInset={{top: 1, bottom: 1, left: 0, right: 0}}。
• 重新编译运行项目，验证错误是否消除。

额外提示 #

• 虽然部分RN组件属性支持简写，但0.64.3版本的iOS端存在兼容性问题，建议优先使用完整的四边值对象格式。
• 如果是第三方组件引发的错误，查看组件官方文档确认属性值要求，或是检查组件源码的参数处理逻辑，调整传入的参数格式即可。

内容的提问来源于stack exchange，提问作者kawsar ahmad