javascript - ejemplo - radio button html5
¿Cómo usar el radio del borde solo para 1 esquina(react-native)? (3)
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.
¿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).
¿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 .
- borderBottomLeftRadius: número
- borderBottomRightRadius: número
- borderTopLeftRadius: número
- borderTopRightRadius: número
Esto funcionó para mí.
Gracias