我无法显示ActivityIndi​​cator

Question

这是我的代码：

const imageSource = autoData.imgSource ? autoData.imgSource : autoData.downloadURL;

return (
 <View style={styles.main}>
(!imageSource? <ActivityIndicator size="large" /> :
   <Image source={imageSource} style={styles.image} />
)
</View>

因此，基本上我想在没有信息的情况下显示该微调器  Invariant Violation: Text strings must be rendered within a <Text> component.

Answer 1

您尝试braces。

如果您的图片是uri，则应按以下方式使用它：

<Image
  source={{
    uri: 'https://facebook.github.io/react/logo-og.png',
  }}
  style={{ width: 400, height: 400 }}
/>

用法

const imageSource = autoData.imgSource ? autoData.imgSource : autoData.downloadURL;

return (
 <View style={styles.main}>
{!imageSource ? (<ActivityIndicator size="large" />) :
   (<Image source={{ uri:imageSource }} style={styles.image} />)
}
</View>

Answer 2

我认为问题与图片组件有关

请尝试以下操作，

const imageSource = autoData.imgSource ? autoData.imgSource : autoData.downloadURL;

return (
 <View style={styles.main}>
(!imageSource? <ActivityIndicator size="large" /> :
   <Image source={uri:imageSource} style={styles.image} />
)
</View>

这仅在'imageSource'是uri / url或如上直接使用时有效。