如何在 ReactJS 中导入 ActivityIndicatorIOS？答案

【问题标题】：How do I import ActivityIndicatorIOS in ReactJS?如何在 ReactJS 中导入 ActivityIndicatorIOS？
【发布时间】：2017-09-19 19:37:43
【问题描述】：

您好，我正在关注有关使用 JavaScript 和 ReactJS 构建 iOS 应用程序的教程，但在尝试使用 ActivityIndicatorIOS 并将其导入文件时遇到了问题。以下是我声明几件事的方式：

import React, { Component } from 'react';

import {
   AppRegistry,
   StyleSheet,
   Text,
   View,
   ActivityIndicatorIOS
} from 'react-native';

下面是我遇到问题的班级：

export default class SplashWalls extends Component {

  ....

  renderLoadingMessage() {
     return (
        <View style={styles.loadingContainer}>
           <ActivityIndicatorIOS
             animating={true}
             color={'#fff'}
             size={'small'} 
             style={{margin: 15}} />
       <Text style={{color: '#fff'}}>Contacting Unsplash</Text>
  </View>
);
}
}

当我运行这个项目时，我收到以下错误：

如何成功使用ActivityIndicatorIOS？谢谢你们。

【问题讨论】：

导入对我来说似乎很好。为什么你认为 ActivityIndicatorIOS 导入有问题？
ActivityIndicatorIOS 已弃用。你的 react-native 版本是什么？
@Prakashsharma 因为当我从导入中删除 ActivityIndicatorIOS 时，它说“ActivityIndicatorIOS 未定义”，当我将其添加回来时，我收到上述错误消息。
@bennygenel 我的 react-native -v 是 2.0.1
我相信这就是 react-native-cli 版本。你的 package.json 文件中 react-native 的版本号是什么

标签： javascript ios xcode reactjs react-native

【解决方案1】：

您可以使用 ActivityIndicator，因为 ActivityIndicatorIOS 已弃用

【讨论】：

【解决方案2】：

（我还不会写cmets，所以我添加一个答案）

我想你正在使用最新版本的 React Native（你能提供你的 package.json 中的内容吗？）

如果是 - 尝试使用 ActivityIndicator (docs) 代替 ActivityIndicatorIOS。

【讨论】：