动态设置具有图像和 uri 的本机反应的映像源

Question

我想显示一个加载器图像，直到我的图像加载到反应原生图像。背面是存储在本地并已导入屏幕的图像。

这段代码给了我一个空白的"后退"图像屏幕。当我将源设置为源={返回}时，它可以工作。但以下方法不起作用。我在这里做错了什么？

<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}}

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