React Native组件学习 ActivityIndicat

小萌说一个简单的组件ActivityIndicator，觉得简单的可以绕路的，小萌是写给React Native开发小白的，ActivityIndicator的效果就是在安卓中或iOS中经常看到的加载中，在android中ActivityIndicator是progressBar 的Indeterminate（false）模式，在iOS中就是菊花旋转样式啦。

具体属性比较少，用法也简单：

完整代码：

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


export default class App extends Component {
  render() {
    return (
      <View style={{flex:1}}>
                <View style={{flexDirection:'row'}}>
                    <Text>全部默认：</Text>
                    <ActivityIndicator />
                </View>
                <View style={{flexDirection:'row'}}>
                    <Text>添加背景色：</Text>
                    <ActivityIndicator style={{backgroundColor:'blue'}}/>
                </View>
                <View style={{flexDirection:'row'}}>
                    <Text>animating=false （隐藏）：</Text>
                    <ActivityIndicator animating={false}/>
                </View>
                <View style={{flexDirection:'row'}}>
                    <Text>设置color：</Text>
                    <ActivityIndicator color='red'/>
                </View>
                <View style={{flexDirection:'row'}}>
                    <Text>size small：</Text>
                    <ActivityIndicator size="small"/>
                    <Text>size large：</Text>
                    <ActivityIndicator size="large"/>

                </View>
                
            </View>
    );
  }
}

和其他小组件差不多，用法简单