кто-нибудь, пожалуйста, может просветить, как зациклить вложенный массив FlatList?
Я знаю, что у меня уже есть вопрос по этой теме, но до сих пор не понятно, как использовать параметры элемента!
например:
в Реакте есть
сообщения.jsx
var size = 1;
const posts = this.state.posts.map(post => {
return (
<Link to = {`/posts/${post.slug}`}>
<div className = "columns col-gapless" key = {post.id}>
<div className = "column col-3 ">
{post.attachments.slice(0, size).map(a => (
<img
className = "img-responsive"
key = {a.id}
src = {a.image.thumb.url}
alt = ""
/>
))}
</div>
<div className = "column col-6 ">
<h5>{post.title}</h5>
<p>{post.body}</p>
</div>
</div>
</Link>
Но посты на РН
_renderItem = ({ item }) => {
let size = 1;
const items = item.attachments
.slice(0, size)
.map(a => (
<Image
style = {{ width: 100, height: 75, flex: 1 }}
key = {a.id}
resizeMode = "cover"
source = {{ uri: a.image.thumb.url }}
/>
));
return (
<View style = {{ height: 100 }}>
<View>{items}</View>
<Text>{item.title}</Text>
</View>
);
};
<FlatList
data = {this.state.posts}
keyExtractor = {(_, index) => `item-${index}`}
renderItem = {this._renderItem}
ItemSeparatorComponent = {this.renderSeparator}
onEndReached = {this.onNextPage}
onEndReachedThreshold = {0.01}
/>
);
Список отображает сообщения, но не изображения из сообщений! Итак, я сомневаюсь, что не отображаю изображение, потому что это объект или массив внутри массива? а FlatList не очень хорошо работает с вложенным массивом? В любом случае, любая помощь будет здорово!
@NagaSaiA, это FlatList, который я использую! есть другой?
Я не вижу FlatList, пожалуйста, добавьте к вопросу



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Похоже, ваша функция _renderItem ничего не возвращает.
Если это не ошибка копирования и вставки при публикации вопроса, добавьте утверждение return items; в конце _renderItem.
Обновлять:
Если вам всегда нужно только первое изображение, почему бы просто не сделать что-то подобное и избежать Array?
_renderItem = ({ item }) => {
const a = item.attachments[0];
const items =
<Image
style = {{ width: 100, height: 75, flex: 1 }}
key = {a.id}
resizeMode = "cover"
source = {{ uri: a.image.thumb.url }}
/>;
...
Спасибо ᆼᆺᆼда действительно была ошибка, я отредактировал свой вопрос! но все равно! Итак, следует ли использовать другой возврат только для изображения?
size постоянно 1 или меняется?
постоянно 1! первое изображение массива!
@Danks В таком случае, почему бы просто не сделать items сам <Image> и избежать массива? Обновил мой ответ с образцом
ᆼᆺᆼ Большое спасибо! Уверен, это правильное решение!
но все еще не показывает изображение, я думаю, что это проблема с получением с редуксом!
пожалуйста, поделитесь образцом flatList, который вы используете