React Native Style(顶部,左侧,底部,右侧)在Android和iOS

时间:2016-11-01 07:28:17

标签: reactjs react-native flexbox react-native-android

我遇到了这个问题,其中UI在Android和iOS之间以相同的代码显示不同。

Android UI Snapshot。您只能在Android中看到半圈图像,而在iOS中可以看到完整的圆圈图像。请参阅RNplay上的模拟器。

你可以找到我的源代码&在这个问题上重新模拟这个问题 https://rnplay.org/apps/q6LxiQ

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

此问题的原因是RN iOS视图默认为overflow: visible,而RN Android视图由于本机Android视图系统的工作方式而仅实现overflow: hidden。在Android本身发生变化之前,Android上的行为不太可能发生变化。

要在两个平台上一致地呈现,请在父视图上设置overflow: 'hidden',或者为了显示溢出,将子项移出父视图并在父视图上使用onLayout事件得到它的位置,以计算孩子的理想位置,并绝对定位他们。