基础篇章：关于 & nbsp;React Native 之 & nbsp;ActivityIndicator 组件的讲解

（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间）

今天我们讲解的这个控件的非常简单，那就是ActivityIndicator，它替代了我们之前所说的那个ProgressbarAndroid，功能就是和ProgressbarAndroid一样，显示一个正在加载的状况和进度。

官网上是这么形容我的：显示一个圆形loading提示。我们直接看属性吧。

属性

• animating bool 是否要显示这个加载指示器，默认true是显示，false隐藏

• color 指示器圆圈的前景色，默认灰色

• size [ 'small', 'large' ] 指示器大小

• hidesWhenStopped bool ios独有 当没有加载动画的时候是否隐藏

实例展示

由于太简单了，效果图也没什么，直接看吧，如下：

实例代码如下：

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

export default class ActivityIndicatorDemo extends Component {
  render() {
    return (
      
       
          
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
});

AppRegistry.registerComponent('ActivityIndicatorDemo', () => ActivityIndicatorDemo);

由于代码太多，可能阅读代码不是很方便，想要方便的看代码可以点击阅读原文，去博客直接阅读。

特别说明：React Native系列文章，已经发布的我都给大家整理到了一篇索引文章中，方便大家以后集中学习。点击 非著名程序员 公众号里菜单中的 干货资料—>RN 教程 即可获得。