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

发布时间：2020-12-15 16:15:55 所属栏目：百科来源：网络整理

导读：似乎反应本机中的所有组件都是矩形或圆角矩形(也可以表示圆形). 如何掩盖 View /有六角形的任意形状？解决方法我得出结论,这个功能不是开箱即用的,所以我在Objective-C中实现了一个名为 react-native-masked-view的本机组件. basic idea是使用UIView类的ma

似乎反应本机中的所有组件都是矩形或圆角矩形(也可以表示圆形).

如何掩盖< 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!