Изображение не отображается при просмотре изображения React native - PullRequest
0 голосов
/ 19 апреля 2019

Я занимаюсь разработкой собственного реагирующего проекта. Я хочу показывать изображения из коллекции URL-адресов, которые извлекаются из firebase и хранятся в массиве, используя приведенный ниже код

{/* //==================================================== */}

<View style={styles.container}>
    <View>
        <View style={{flexDirection: 'column'}}>
            <Text>ProductName</Text>
            <Text>ProductName</Text>
        </View>
        <View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
            <View style={{flexDirection: 'column', justifyContent: 'space-between'}}>
                <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}}/>
                <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}}/>
                <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}}/>
            </View>
            <View style={{flexDirection: 'row'}}>
                {/* <View style={{width: 200, height: 200, backgroundColor: 'green'}} /> */}
                {imageUrls.map((item, i) => console.log("Swiper inside Item:" + i + " " + item))}
                <Swiper>{
                    imageUrls.map((item, i) =>

                        <View>
                            <FullWidthImage source={{uri: item}} key={i}/>
                        </View>
                    )}</Swiper>
            </View>
            <View style={{flexDirection: 'column', justifyContent: 'space-between'}}>
                <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}}/>
            </View>
        </View>
    </View>
</View>

{/* //==================================================== */}

<Swiper>{
    imageUrls.map((item, i) =>
        <View>
            <FullWidthImage source={{uri: item}} key={i}/>
        </View>
    )}
</Swiper>

Код swaiper, показанный ниже, работает нормально и показывает изображения, но код swaiper выше не работает. Массив imageUrls не является пустой в любой части кода. Я проверил это с помощью консоли.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...