React Native Style（上、左、下、右）在 Android 和 iOS 之间表现不同

Question

我遇到了这个问题，UI 在 Android 和 iOS 之间使用相同的代码显示不同。

Android UI Snapshot。在 Android 中只能看到一半的圆形图像，而在 iOS 中可以看到完整的圆形图像。请在 RNplay 上的模拟器上查看。

您可以在以下位置找到我的源代码并针对此问题重新模拟 https://rnplay.org/apps/q6LxiQ

提前感谢您的帮助。

Answer 1

此问题的原因是 RN iOS 视图默认为 overflow: visible 而 RN Android 视图仅实现 overflow: hidden 由于本机 Android 查看系统工程。 Android 上的行为不太可能改变，直到 Android 本身改变。

要在两个平台上呈现一致，请在 parent 视图上设置 overflow: 'hidden'，或者为了显示溢出，将 children 移出 parent 视图并在 parent 视图上使用 onLayout 事件来获取其位置，以便计算 children 的所需位置，并对它们进行绝对定位。