Indicateur Occupé en réaction natif

Question

Je crée une application ToDo en utilisant reac-native dans android. Pour les opérations CRUD, j'utilise la base de données. Maintenant, quand je fais des demandes de DB je montre l'indicateur occupé jusqu'à ce que ma demande soit accomplie et établisse l'état avec le même. Mais mon problème est que loder est montré au bas de la plupart des couches (comme ci-dessous mes tâches), au lieu de montrer les tâches ci-dessus comme d'habitude. J'ai essayé d'utiliser ZIndex mais ça ne marche pas.

View image

Toute aide sera appericiated. Merci .. !!

Answer 1

Vous pouvez superposer l'indicateur d'occupation sur votre page en utilisant les styles droite ..

<View style={styles.indicator}> 
    <ActivityIndicator animating={this.state.loading} size="small"/> 
</View> 

let styles = StyleSheet.create({ 
    indicator: { 
    flex: 1, 
    alignItems: 'center', 
    justifyContent: 'center', 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    right: 0, 
    bottom: 0 
    } 
})