动态设置带有图像和uri的react native的图像源

Question

我想显示一个加载器图像，直到将我的图像加载到本机图像为止。返回是本地存储的图像，并且已将其导入到屏幕。

此代码为我提供了“后退”图像的空白屏幕。当我将来源设置为source = {Back}时，它可以工作。但是以下操作无效。我在这里做什么错了？

<View style={styles.imageWrapper}>
                    <NonClickableImage 
                        source={this.state.loaded ? Back : {uri: detailedMovement.image}}
                        resizeMode="stretch"
                        width={width - 20}
                        height={200} 
                        onLoad={() => this._onMovementImageLoaded()}
                    />
                </View>

Answer 1

我认为您的逻辑必须是：

{!this.state.loaded ? Back : {uri: detailedMovement.image}}

因为您想在Back不是state时显示loaded图标。当前，如果状态已加载，则显示Back。