react-native – 视图上的弯曲底部

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

导读：如何在反应原生的视图中添加弯曲的底部？ See curved example 我试图添加第二个这样的视图： headerBottom：{ ????宽度：宽度/ 2, ????高度：宽度/ 2, ????backgroundColor：’red’, ????位置：’绝对’, ????底部：-35, ????左：宽度/ 4 – 15, ????border

如何在反应原生的视图中添加弯曲的底部？ See curved example

我试图添加第二个这样的视图：

headerBottom：{
????宽度：宽度/ 2,
????高度：宽度/ 2,
????backgroundColor：’red’,
????位置：’绝对’,
????底部：-35,
????左：宽度/ 4 – 15,
????borderRadius：width / 4,
????转变： [
??????{scaleX：2},
??????{scaleY：0.25}
????]
??},

我已经能够在同一个视图中获得更好但更糟糕的解决方案,而不是在第二个视图中的示例中.

解决方法

我最终使用了react-native-svg：

<Circle
  cx={screenWidth / 2}
  cy={`-${898 - headerHeight + 2}`}
  r="898.5"
  fill="#EFF2F3"
  stroke="#C5CACD"
  strokeWidth="2"
/>

（编辑：李大同）

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