Wie style ich ein Alert-Element in react-native?

Question

Ich arbeite mit react-native und ich habe ein Alert-Element erstellt.

Alert.alert(
    'Warning', 
    'bla bla bla', 
    [ 
      {text: 'OK', onPress:() => console.log('OK Pressed')}, 
    ] 
) 

Jetzt möchte ich etwas Stil anwenden. Sagen wir, ich möchte eine rote Hintergrundfarbe und eine weiße Farbe für den Text verwenden.

Wie kann ich das erreichen? Ist es möglich?

Answer 1

passen können Sie eine benutzerdefinierte Bibliothek wie react-native-modalbox verwenden.

können Sie den Modal, um Stil, wie Sie möchten:

 <Modal style={{background: 'red'}} ref={"modal1"}> 
      <Text style={{color: 'white'}}>Basic modal</Text> 
      <Button onPress={this.toggleSwipeToClose} style={styles.btn}>Disable swipeToClose({this.state.swipeToClose ? "true" : "false"})</Button> 
     </Modal> 

Sie den Modal öffnen kann the example

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

überprüfen indem Sie mehr Optionen zu sehen.

Bonus: Wenn Sie eine gute Bibliothek finden wollen für reagieren-native, versuchen js.coach

Answer 2

Ich glaube nicht, dies möglich ist, weil die Alert Komponente reagieren-native etwas enthalten in Android und iOS ist und nicht geändert werden können:/

ich diese Art von ähnlich probleme here empfehlen!

Wir sehen uns!

Answer 3

Sie können einige Drittanbieter-Bibliothek verwenden, wie native modal reagieren und IT anpassen, um Ihr