反应原生的形状视图

时间:2016-09-18 12:35:01

标签: react-native

如何获得那样的舍入view?我一直在忙着borderRadius,但它没有得到我想要的......

简而言之,我在<View>周围放了一个<Image>,使其大于屏幕并开始更改borderBottomRadius并将其设置为overflow:hidden

现在看起来非常笨拙,不是很漂亮

<View style={Styles.border}>
  <Image></Image>
</View>

风格

  border:{
    flex:1,
    width: width + 300,
    left:-150,
    top:0,
    borderBottomLeftRadius:width -100,
    borderBottomRightRadius:width - 100,
    overflow:'hidden'
  }

enter image description here

0 个答案:

没有答案