服务端返回数据之前，在屏幕的中间会显示一个 加载中… 下面我们可以用一个动画效果代替这个静态的文字，可以使用 ActivityIndicatorIOS .. 注意这是 iOS 平台上专用的一个组件 …

在 app ，Components 下面，打开 MovieList.js .. 我们可以先让那个 加载中 显示出来 … 在这个 featchData 里面，注释掉设置 loaded 状态的代码 …

然后在文件的头部，去把 ActivityIndicatorIOS 从 React 里面提取出来 … 再找到 render 方法 .. 去掉这里的 加载中 … 这几个字 .. 用一个 ActivityIndicatorIOS 组件 … 保存 ..

在屏幕的中间会显示一个带动画效果的小图标 .. 我们可以改变它的尺寸 .. 在这个组件上面，添加一个 size 属性 .. 它的值默认是 small ，这里把它设置成 large .. 大号的图标 ..

再用一个 color 属性 .. 设置一下它的颜色 … 值是 #6435c9 … 再保存看一下 .. 现在屏幕中间会显示一个大号的紫色的动态指示图标 ..

最后再取消这个 featchData 里面的注释 … 然后保存一下文件 … 在服务端没返回数据之前，会显示这个动画图标 ..

https://facebook.github.io/react-native/docs/activityindicatorios.html#c...