Badge组件内文本未居中 iPhone 13 Pro Max真机显示异常

问题现象 #

• 分别测试react-native-paper的Badge组件、react-navigation底部标签栏自带的Badge组件，二者在部分模拟器设备上均可正常显示，但在测试所用的iPhone 13 Pro Max实体机上出现文本不居中的显示异常。

异常效果参考 #

• react-native-paper官方demo应用异常效果：
• 个人应用中react-navigation底部标签栏Badge异常效果：
• 个人应用中react-native-paper Badge异常效果：

复现代码示例 #

以下为个人应用中使用react-native-paper Badge的代码片段：

<View style={{flexDirection: 'column'}}>
  <View style={{alignContent: 'center'}}>
    <Badge>{count[0]}</Badge>
  </View>
  <View>
  </View>
</View>

已尝试方案 #

• 调整Badge组件自身的样式属性
• 调整包裹Badge的外层View组件样式
  以上操作均未解决问题，该显示异常仅出现在实体机上，iOS和Android模拟器中Badge文本均可正常居中显示。

环境信息 #

开发环境配置 #

问题复现设备参数 #

• 设备型号：iPhone 13 Pro Max
• 系统版本：iOS 15.5

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