Deaktivieren Sie alles und platzieren Sie einen ActivityIndicator in React Native

Question

Ich habe eine Schaltfläche, die einen Abruf aufruft, aber ich kann immer noch auf die Schaltfläche drücken, während der Abruf ausgeführt wird. Ich möchte diese Taste (und alle Eingänge wenn möglich) deaktivieren und einen ActivityIndicator davor platzieren.

Gibt es dafür eine Option im ActivityIndicator?
Mein aktueller ActivityIndicator sieht so aus. Es wird nur angezeigt, wenn ich this.state.animating auf true setze.

<ActivityIndicator 
    animating={this.state.animating} 
    style={{marginTop: 80}} 
    size="large" 
/> 

Ich habe this answere gefunden, aber es scheint, als ob die Taste nicht so gut deaktiviert lassen.

Answer 1

<Button> Komponente unterstützt disabled Flagge. https://facebook.github.io/react-native/docs/button.html#disabled. Sie können es in Ihrem Fall so verwenden.

<Button disabled={this.state.animating}>