Désactiver tout et placer un indicateur d'activité devant lui dans Réagir natif

Question

J'ai un bouton qui appelle un fetch, mais je peux toujours appuyer sur le bouton pendant que le fetch est en cours d'exécution. Je veux désactiver ce bouton (et toutes les entrées si possible) et placer un ActivityIndicator devant lui.

Existe-t-il une option pour cela dans le ActivityIndicator?
Mon ActivityIndicator actuel ressemble à ceci. Il est uniquement affiché lorsque je règle this.state.animating sur true.

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

J'ai trouvé this answere, mais il semble que le bouton ne sera pas désactivé aussi bien.

Answer 1

<Button> le composant prend en charge le drapeau disabled. https://facebook.github.io/react-native/docs/button.html#disabled. Vous pouvez l'utiliser comme ça dans votre cas.

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