react-native版本：0.43

ActivityIndicator的效果類似我們平時看到了loading，在android中ActivityIndicator是progressBar 的Indeterminate（false）模式，說白了就是一個半圓轉啊轉。
具體屬性：
1、ViewPropTypes props… ：包含View控制元件的所有屬性，具體咱們看View的屬性解釋。
2、animating：是否顯示，預設true（顯示）
3、color： 指示器的顏色， ios預設為gray（#999999），android 預設使用progressBar的系統樣式，取決於你設定的style。
4、size： 表示大小，可以設定的值有：
‘small’: 寬高各20
‘large’: 寬高各36
5、hidesWhenStopped：此屬性只在ios生效，當停止動畫的時候，是否隱藏。預設為true。

demo：

import React, {Component} from 'react';
    import {
        StyleSheet,
        View,
        Text,
        ActivityIndicator,
    } from 'react-native';
    export default class ActivityIndicatorDemo 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 style={{flexDirection:'row'}}>
                    <Text>view props屬性設定：</Text>
                    <ActivityIndicator style={{height:100,width:80,backgroundColor:'black'}} />

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

效果圖：