Saltar al contenido

¿Cómo le doy estilo a un elemento Alert en react-native?

Si encuentras algún detalle que no entiendes nos puedes dejar un comentario y trataremos de ayudarte tan rápido como podamos.

Solución:

En realidad, hay una manera de personalizar el texto en los botones, pero está limitado a lo que se proporciona… A continuación se muestra la definición de tipo de React Native. Luego, un ejemplo simple que muestra un botón rojo. Básicamente, el “predeterminado” es azul, “cancelar” está en negrita pero sigue siendo azul y “destructivo” es rojo.

**
 * An Alert button style
*/
export type AlertButtonStyle = $Enum<
/**
* Default button style
*/
'default': string,
/**
* Cancel button style
*/
'cancel': string,
/**
* Destructive button style
*/
'destructive': string,
>;


Alert.alert("Look out!",
        "Hitting reset will wipe all the app's data on your phone. This cannot be undone!",
        [
        text: 'Reset', onPress: this._doSomethingSerious, style: 'destructive',
        text: 'Cancel',
        ],
        cancelable: false
    )

Puede usar una biblioteca personalizada como react-native-modalbox.

Podrás diseñar el modal como quieras:

        
          Basic modal
          
        

Puedes abrir el modal usando

openModal1(id) 
    this.refs.modal1.open();
  

Mira el ejemplo para ver más opciones.

Prima: Si desea encontrar una buena biblioteca para react-native, pruebe js.coach

No creo que esto sea posible, porque el Alert componente de react-native es algo incluido en Android e iOS y no se puede modificar :/

¡Recomiendo este tipo de problema similar aquí!

Nos vemos !

Aquí tienes las comentarios y calificaciones

Agradecemos que quieras animar nuestra ocupación ejecutando un comentario y valorándolo te estamos eternamente agradecidos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *