android - flexbox 在 iOS/android 上表现不同

我注意到 react-native 在不同平台上以不同的方式呈现 flexbox。这就是我想要得到的(这也是我在 android 中得到的) https://www.awesomescreenshot.com/image/3959528/64351746a0c4eca7f83c2bc981dad55a

所以简单的图像和一些文本在屏幕上垂直和水平居中，一些文本在屏幕底部。 在 iOS 中我看不到文本“center text”

您可以在此处重现该行为 https://snack.expo.io/@alfredopacino/flexbox-ios-android 有人对此有解决方案吗？

最佳答案

这不是 flexbox 问题。此问题的产生是因为 React Native 组件在两个平台上的工作方式不同。在 Ios 中，React Native 组件默认的 padding 是 0。

在 Android 中，Textinput 和 Text 默认采用一些填充，但在 IOS 中，此组件的默认填充为零 (0)

这个问题可能会在不久的将来由 React Native 团队解决 🙂。

如果你在你的样式文本中添加填充，我会像魅力一样工作

<Text 
  style={{padding:Platform.OS==='ios'?15:0,
 }}>
Center text
</Text>

更新答案

关于android - flexbox 在 iOS/android 上表现不同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55552347/