当前位置 : 主页 > 网页制作 > React >

你如何掩饰任何形状的反应原生?

来源:互联网 收集:自由互联 发布时间:2021-06-15
似乎反应本机中的所有组件都是矩形或圆角矩形(也可以表示圆形). 如何掩盖 View /有六角形的任意形状? 我得出结论,这个功能不是开箱即用的,所以我在Objective-C中实现了一个名为 reac
似乎反应本机中的所有组件都是矩形或圆角矩形(也可以表示圆形).

如何掩盖< View />有六角形的任意形状?

我得出结论,这个功能不是开箱即用的,所以我在Objective-C中实现了一个名为 react-native-masked-view的本机组件.

basic idea是使用UIView类的mask属性:

CALayer *mask = [CALayer layer];
mask.contents = (id)[_maskUIImage CGImage];
mask.frame = self.bounds; //TODO custom: CGRectMake(left, top, width, height);
self.layer.mask = mask;
self.layer.masksToBounds = YES;

它在JavaScript中的工作原理如下:

<MaskedView maskImage="mask.png">
   ...
</MaskedView>
网友评论