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



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

Android UI快照。在Android中你只能看到一半的圆形图像,而在iOS中你可以看到完整的圆形图像。请参阅RNplay上的模拟器。

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

提前感谢您的帮助

这个问题的原因是RN iOS视图默认为overflow: visible,而RN Android视图由于Android本地视图系统的工作方式只实现overflow: hidden。Android上的行为不太可能改变,直到Android自身改变。

为了在两个平台上一致地呈现,要么在父视图上设置overflow: 'hidden',要么显示溢出,将子视图移出父视图并在父视图上使用onLayout事件来获得其位置,以便计算子视图的期望位置,并绝对定位它们

最新更新