React-native 渲染问题

【问题标题】：React-native render troublesReact-native 渲染问题
【发布时间】：2021-10-31 18:57:06
【问题描述】：

在为 iOS 和 Android 模拟器制作后，我尝试在真实设备上运行我的 react-native 应用程序，但发现了一些问题。我试图通过父 flex 对齐的所有组件都没有最后一个符号或单词。即使是 RNNavigation 选项卡栏也无法显示文本。此外，在中心对齐的 flex 内部的项目也被移到父项的顶部。也许谁知道，我的错误在哪里或如何解决？

Differences between devices

左：带有自定义 rom PixelPlus UI android 11 的小米 mi9t 右：模拟器 Pixel_2_api SDK 29

PS：现在只有一台设备有这个错误

【问题讨论】：

标签： react-native text rendering pixel xiaomi

【解决方案1】：

仅凭屏幕截图无法准确判断问题所在。

我猜标签的 flex 值不正确
Textinput 可能有填充
底部的搜索栏没有填充

【讨论】：

1.除了主题颜色和路线图像之外，我没有任何自定义选项卡选项。而三星 S7 edge 或模拟器则没有这个 bug。 2. TextInput 有一个 VPadding = ios ？ 6 : 2 和 HPadding = 12。好吧，我认为在 TextInput 上显示这个问题也不正确，因为这里我使用带有 TextInput 的 View 容器和里面的绝对定位 Text。但是这个问题发生在 some text 上。三星也没有这个麻烦。
3.我会尝试通过填充来修复它，但是其他设备没有这个错误
很遗憾，对于第三项，padding 没有解决这个问题