我无法显示活动指示器

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 或直接如上所述使用时，这才有效。