React Native中无法修改header样式背景色与终端警告是否有关？

导航栏背景色不生效和终端警告是直接相关的，问题根源是代码里的两处属性命名/拼写错误：

• 样式属性命名不符合规范：headerStyle 中设置背景色的属性写为了大写开头的 BackgroundColor，React Native 所有样式属性统一使用小驼峰命名，正确写法是 backgroundColor。无效属性不会被框架识别，因此背景色设置无法生效，同时会触发终端的无效属性警告。
• 属性名拼写错误：导航栏图标、返回按钮的颜色属性被误写为 headerTinColor，缺少字母 t，正确写法是 headerTintColor，拼写错误的属性同样会被判定为无效属性，触发警告。

修正后的全局配置代码如下：

const globalScreenOptions ={
  headerStyle: { backgroundColor: "dodgerblue" },
  headerTitleStyle: { color: "white" },
  headerTintColor: "white",
};

替换原有配置后重新运行项目，导航栏背景色即可正常渲染，终端的相关警告也会同步消失。

内容的提问来源于stack exchange，提问作者Chee Thong