Я занимаюсь разработкой собственного реагирующего проекта. Я хочу показывать изображения из коллекции 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 не является
пустой в любой части кода. Я проверил это с помощью консоли.