Reactnative活动指示器组件ActivityIndicator

• 有一些比较耗时的操作，可能需要用户等待，那么就可以用活动指示器组件ActivityIndicator告诉用户你需要等待
• 其实，任何从用户点击开始，不能立刻给予用户反馈的操作，都需要使用活动指示器组件ActivityIndicator告诉用户等待片刻
  引入组件
  import {ActivityIndicator} from 'react-native

import React,{Component} from 'react';
import {View,ActivityIndicator,Text,TouchableOpacity,StyleSheet,Button} from 'react-native';


class App extends Component{
    state={animating:true}
    closeActivityIndicator=()=>{
        this.setState({animating:!this.state.animating})
    }
    componentDidMount=()=>this.closeActivityIndicator()
    render(){
        const animating=this.state.animating
        return(
            <View style={styles.container}>
                {/* 活动指示器，切换animating属性进行隐藏切换 */}
                <ActivityIndicator
                    animating={animating}
                    color='#bc2b78'
                    size="large"
                    style={styles.activityIndicator}
                />
                <Button onPress={this.closeActivityIndicator} title="切换显示loading"></Button>
            </View>
        )
    }
}
export default App

const styles=StyleSheet.create({
    container:{
        flex:1,
        marginTop:70
    },
    activityIndicator:{
        height:80
    }
})

活动指示器中重要的就是animating={animating}