Question

我正在玩本地反应并开始构建我的第一个应用。我将3个图像渲染到屏幕上。显示一个，而另外两个不显示。在浏览器中粘贴地址时，网址100％有效并正确打开。 Image组件是在一个循环中创建的，所以它们除了uri之外都是相同的。可能是什么问题？

<View style={[styles.flex1, styles.imageRow, {backgroundColor: 'orange'}]}>
                {images.map((d, i) => (
                    <View key={i} style={[styles.flex1, {borderWidth: 2, borderColor: 'black'}]}>
                        <TouchableOpacity onPress={() => navigate('Image', {uri: d, coachName})}>
                            <Image source={{uri: d}} style={{height: 100, width: 100}}></Image>
                        </TouchableOpacity>
                    </View>))}
            </View>

工作图片网址： https://firebasestorage.googleapis.com/v0/b/judoka-6de90.appspot.com/o/borochov1.jpg?alt=media&token=13f09af6-e8a9-42bc-bf8f-dee58891cca7

不工作： https://firebasestorage.googleapis.com/v0/b/judoka-6de90.appspot.com/o/coaches%2Fliran1.jpg?alt=media&token=28738b27-dcdb-4c55-8af0-93413b6c6ea6

https://firebasestorage.googleapis.com/v0/b/judoka-6de90.appspot.com/o/coaches%2Fliran2.jpg?alt=media&token=301f176f-5f94-422b-a80e-ec059d091059

Answer 1

缩小图像尺寸解决了这个问题。

反应未显示的原生某些图像

1 个答案: