无法在<text>中创建<activityindicatorios>

Question

我正在尝试将加载程序放在<Text></Text> react-native元素中。

这个加载器是：

 <ActivityIndicatorIOS
               animating={this.state.isLoading}
               color="#fff"
               size="large"
              />

我在模拟器中收到此错误消息：

所以，我尝试添加width和height：

 <Text><ActivityIndicatorIOS
               animating={this.state.isLoading}
               color="#fff"
               size="large"
               width={20}
               height={20}
              />
 </Text>

不幸的是，它也不起作用。出现相同的错误。

Answer 1

我不建议在<Text>标签中添加除文字之外的任何内容。 我建议将Text和ActivityIndi​​cator放在View标签中：

<View>
     <Text>Your text</Text>
     <ActivityIndicator />
</View>

另请注意，自反应本机版本0.37-RC0以来，不推荐使用ActivityIndi​​catorIOS并将其完全删除，因此请使用跨平台ActivityIndi​​cator以获得最新兼容性。