javascript - ejemplo - radio button html5

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

Question

¿Cómo usar el radio del borde en React Native solo para 1 esquina?

Tengo una ventana modal

Como puede ver, las esquinas inferiores no están redondeadas, sucede cuando utilizo backgroundColor para los botones. Estaba tratando de configurar el desbordamiento oculto para el contenedor modal y no me ayudó. Ahora quiero usar el radio del borde para los botones (solo para 1 esquina).

Mi código http://jsbin.com/sexeputuqe/edit?html,css

Answer 1

Supongamos 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.

Answer 2

¿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 .

Answer 3

• borderBottomLeftRadius: número
• borderBottomRightRadius: número
• borderTopLeftRadius: número
• borderTopRightRadius: número

Esto funcionó para mí.

Gracias