Android 需要使图像从下到下：反应本机

我想使图像从底部取整。以下是我想做的：

我曾尝试设置borderRadius，但它将适用于整个图像，而不是底部

这是我的密码：

<View
        style={{
          backgroundColor: ‘transparent’,
          justifyContent: ‘center’,
          alignItems: ‘center’,
          height: 159,
          width: '100%',
          borderBottomWidth: 70,
          borderBottomColor: ‘red’,
          borderBottomRightRadius: 800,
          borderBottomLeftRadius: 800,
        }}
      />

它将给出如下输出：

我需要设置哪个属性才能在视图底部形成一个完美的圆形？

您可以添加一个带有此形状的透明png帧

你也可以检查一下，这可能会有帮助

更新

下面是我如何通过代码实现这一点的

首先创建这个结构

render() {
  return(
    <View style={styles.container} >
      <View style={styles.background} >
        <Image style={styles.image} source={require('./image.jpeg')} />
      </View>
    </View>
  );
}

下面是结果

可以添加带有此形状的png透明框架

你也可以检查一下，这可能会有帮助

更新

下面是我如何通过代码实现这一点的

首先创建这个结构

render() {
  return(
    <View style={styles.container} >
      <View style={styles.background} >
        <Image style={styles.image} source={require('./image.jpeg')} />
      </View>
    </View>
  );
}

下面是结果

---

如果我的存储库对您有帮助，您可以查看它

---

有一个问题是，我压缩了图像的宽度，然后在X轴上缩放它

如果有帮助，您可以查看我的存储库

---

有一个陷阱，我压缩了图像的宽度，然后使用

结果如下。我使用了Dimensions const window=Dimensions.get'window'；这里是为了使它更动态，以不同的屏幕大小

---

采用上述方法

结果如下。我使用了Dimensions const window=Dimensions.get'window'；这里是为了使它更动态，以不同的屏幕大小

---

半径应用于角点，而不是角点edges@Wainage不明白。半径适用于角，而不是角edges@Wainage不明白，我已经看过你的链接了。但是我不知道怎么做。用这个形状制作一个透明的png怎么样&在图像上方的绝对位置制作它我保留它作为最后一个选项。如果我们得到完美的ans，那么它将有助于未来我已经通过你的链接。但是我不知道怎么做。用这个形状制作一个透明的png怎么样&在图像上方的绝对位置制作它我保留它作为最后一个选项。如果我们得到完美的ans，那么它将在未来有所帮助

const styles = StyleSheet.create({
containerStyle: {
    alignSelf: 'center',
    width: window.width,
    overflow: 'hidden',
    height: window.width / 1.7
},
sliderContainerStyle: {
    borderRadius: window.width,
    width: window.width * 2,
    height: window.width * 2,
    marginLeft: -(window.width / 2),
    position: 'absolute',
    bottom: 0,
    overflow: 'hidden'
},
slider: {
    height: window.width / 1.7,
    width: window.width,
    position: 'absolute',
    bottom: 0,
    marginLeft: window.width / 2,
    backgroundColor: '#9DD6EB'
}});