React native 反应本机-在视图之间显示具有曲线边框的视图

知道如何创建两个填充屏幕的视图，并在它们之间创建一个弯曲的边框吗？
在下面的例子中，顶部的一个（红色）应该有一个凹面边框，另一个（蓝色）应该有一个凸面边框

使用答案中建议的代码（60%而不是60%，这不起作用），给出以下结果：

---

不幸的是，这不是我想要的…

测试此代码并签出

<View>
    <View style={{width: "100%", height: 100, backgroundColor: 'skyblue'}} />
    <View style={{position:"absolute",top:50,width: "100%", height: 100, backgroundColor: 'steelblue',borderRadius:"60%"}} />
    <View style={{width: "100%", height: 100, backgroundColor: 'steelblue',}} />
</View>

---

上面的代码与您想要实现的有点相似。不过，最好的选择是在背景中使用图像。

在另一个堆栈问题中遵循Vishal的回答：

结果:

---

您是否尝试过将borderRadius设置为一些荒谬的数字，如30或更多？这是您唯一的要求吗？我会试着给你写一份点心you@Woj是的，我做了，不能得到上面的内容。@Sarmad好吧，每个视图中都显示了组件，但一旦我这样设置视图，我希望这能起作用。不需要零食，只需在这里粘贴示例代码。我得到了borderRadius值的错误：更新由以下管理的视图的属性“borderRadius”时出错：RCTView；无法将java.lang.String转换为java.lang.Double，请将数字传递到60左右，而不是将百分比值添加到borderRadius。谢谢！把你的答案添加到我的问题中。见上文。不是我要找的，对不起…你试过给borderRadius赋予更大的值吗？？。90或100可能会给出一个接近你期望的曲线。我有。没有接近我需要的东西