如何像渐变一样设置背景颜色？

Question

我只能设置基本颜色，它是静态的，不会改变。

另外我该如何做 borderRadius 部分，因为我做了两个不同的 View。

在这里，我只是用这个代码来表示颜色

  <View style={{ paddingHorizontal: 20, backgroundColor: "#3DB4EE" }}>

这是我的应用的外观：

这是我希望它被看到的方式：

Answer 1

不添加库是不可能的，因此您必须使用 https://github.com/react-native-linear-gradient/react-native-linear-gradient

对于白色背景的边框半径，您必须使用样式属性 borderTopLeftRadius 和 borderTopRightRadius

Answer 2

有一个简单的方法和一个困难的方法：

艰难的方式： 使用 radial-gradient CSS 属性，示例如下：is it possible to do a curved line with css gradient?

简单的方法： 获取一张背景设计相同的图片并设置为background-image