¿Cómo usar el radio del borde solo para 1 esquina (react-native)?

Solución:

¿Ya probaste con lo siguiente?
– borderBottomLeftRadius: número
– borderBottomRightRadius: número
– borderTopLeftRadius: número
– borderTopRightRadius: número

Además, puede encontrar más información en los documentos del componente de vista.

Agregue las siguientes propiedades en su estilo:

• borderBottomLeftRadius: number
• borderBottomRightRadius: number
• borderTopLeftRadius: number
• borderTopRightRadius: number

Esto funcionó para mí.

Gracias

Suponga que solo se establece el radio para las esquinas superior izquierda e inferior izquierda de la etiqueta Imagen.

<View style={styles.imgBox}>
  <Image source={{ uri: 'your image url' }} style={styles.img} />
</View>

 const styles = EStyleSheet.create({
 imgBox: {
       width: px(72),
       height: px(72),
       borderBottomLeftRadius: 2,
       borderTopLeftRadius: 2,
       overflow: 'hidden',
 },
 img: {
       width: px(72),
       height: px(72),
  },
})

se ve bien para ios.

---

---

Utiliza Nuestro Buscador