React Native应用中AVD与真机背景色显示不一致问题求助

我的React Native代码中设置背景色如下：

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: darkTheme.neutral50,
  },
});

其中darkTheme.neutral50定义为#0a0a0a，该颜色在真机上显示正常，但Android Virtual Device（AVD）中却显示为纯黑色#000000，手势导航栏也存在同样的显示问题，需要解决模拟器上的色彩还原问题。

以下是可行的解决方法：

• 调整模拟器显示设置
  进入模拟器系统的「设置」→「显示」→「高级」，关闭「深色模式优化」或「对比度增强」类选项，这类设置会压缩低亮度色彩的阶度，导致接近黑色的深色被合并为纯黑。
• 切换模拟器GPU渲染模式
  打开Android Studio的AVD管理器，编辑目标模拟器的配置，将「Graphics」选项从Automatic切换为Software或Hardware，不同渲染模式对色彩的解析逻辑有差异，可逐个测试找到合适的选项。
• 改用RGB/RGBA格式定义颜色
  替换十六进制颜色值为RGBA格式，模拟器对该格式的色彩解析更精准：

  backgroundColor: 'rgba(10, 10, 10, 1)'
  

• 更新模拟器及系统镜像
  旧版本AVD存在色彩渲染bug，通过Android Studio的SDK管理器，将「Android Emulator」更新至最新版本，同时升级对应模拟器的系统镜像（System Image）到最新API级别。

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