Описание тега flatlist

1 ответ

В React Native, как настроить массив текста предупреждений с помощью FlatList

В react native, как настроить массив текста предупреждений с помощью FlatList. В случае, если щелкнет первый элемент, я хочу показать "Сначала оповещение" в заголовке оповещения. Но сложно синхронизировать идентификатор между ALERT_TITLE и props{id}…
1 ответ

получить значение выбранного элемента в FlatList реагировать родным

Я хочу поместить item.cin выбранного элемента в данные Пожалуйста, помогите, я не нашел решения это мой код renderItem = ({ item }) => { return ( <View key={item.id} style={styles.rec}> <Text style={styles.recText}>{item.date}</Tex…
04 сен '20 в 18:51
2 ответа

Добавить в FlatList кнопку "подробнее"?

Я использую flatList для составления списка элементов. Я хотел бы показать 15 элементов, а затем добавить кнопку "увидеть больше", чтобы показать следующие 15 и т. Д. Я собирался использовать этот учебник: https://aboutreact.com/react-native-flatlis…
26 авг '20 в 13:56
1 ответ

Как изменить numColumns Flatlist при изменении ориентации

Я создал функцию с именем getOrientation() и поместил ее в useEffect, чтобы всякий раз, когда я поворачиваю устройство, он повторно визуализирует компонент и показывает мне, в какой ориентации находится устройство. Я также создал переменную для опре…
1 ответ

React Native+ TextInput внутри элемента плоского списка + прокрутки отстает

Я использую Flatlist в том смысле, что я использовал поле ввода текста. Пока я прокручиваю плоский список, ввод текста автоматически фокусируется, а прокрутка отстает и не работает плавно. Если я прокручиваю за пределами текстового поля, прокрутка р…
30 июл '20 в 16:51
0 ответов

Можно ли предотвратить первую отрисовку и перейти к componentDidMount?

У меня есть список со списком записей. при нажатии каждой записи пользователь будет перенаправлен на страницу с подробными сведениями. когда пользователь возвращается на страницу списка, страница списка должна сохранять свою позицию прокрутки (т.е. …
03 авг '20 в 12:32
1 ответ

Как отображать локальные изображения с помощью плоского списка?

Я хочу создать офлайн-приложение с 200 изображениями. Я хочу визуализировать эти изображения с помощью плоского списка. Могу ли я сохранить эти изображения в папке проекта и создать файл json с исходным кодом для этих изображений? Или как лучше это …
05 авг '20 в 09:24
0 ответов

onViewableItemsChanged в FlatList не сохраняет предыдущее состояние с помощью оператора распространения

Я использую Flatlist с опорой onViewableItemsChangedи я меняю элементы в массиве, который отображается в списке Flat, но когда я прокручиваю вниз и перехожу к первому элементу, значение измененного ключа сбрасывается. Вот мой код <FlatList data={…
2 ответа

Плоский список не отображает "Текстовые строки должны отображаться в текстовых компонентах"

Я пытаюсь отобразить плоский список из 2 столбцов. Массив, который я использую, не имеет идентификаторов, только строковые компоненты. Я получаю сообщение об ошибке "текстовые строки должны отображаться в текстовых компонентах" state = { groups: [],…
18 авг '20 в 02:16
0 ответов

React Native Flatlist, как показать 2 строки как один столбец

У меня есть плоский список с 2 столбцами. Я хочу добиться, чтобы если элемент был под номером 1, он должен содержать высоту 2 элемента. Я могу добиться этого, но проблема в том, что 3-й элемент в списке не подходит на свое место и находится под 1-м …
0 ответов

Индикатор анимированного элемента React native Horizontal Flatlist

Всем привет. Я пытаюсь добиться эффекта на горизонтальном плоском списке в REACT NATIVE. На самом деле у меня есть два Flatlist, верхний - Horizontal, который содержит 9 таких элементов: Как вы можете себе представить, переполнение плоского списка, …
21 сен '20 в 10:08
0 ответов

Ввод нескольких значений в FlatList React-Native с помощью TextInput

Хой, я создал свое первое приложение с помощью Expo и React Native. Приложение содержит простой Flatlist с AsyncStorage и вводом. Пользователь может добавить домен, который записывается в FlatList и открывается onClick. Теперь я хочу добавить возмож…
28 сен '20 в 12:03
0 ответов

Как преобразовать обновление в loadmore при извлечении плоского списка в React Native

У меня есть list = [2010,...,2020] Я хочу вытащить плоский список, затем list = [2000,...,2020] с loadmore (не обновлять) так же, как я прокручиваю, затем list = [2000,...,2030] Есть идеи? Спасибо всем
07 окт '20 в 07:02
2 ответа

Ужасная производительность перевернутого Flatlist на Android, когда на экране много текста

Я создаю приложение для чата и с тех пор React-Native версия 0.63, У меня ужасная производительность, когда в перевернутом Flatlist на Android используются длинные тексты. Вот репродукция закуски, демонстрирующая проблему (видна только при попытке и…
0 ответов

Flatlist не поддерживает установку как onViewableItemsChanged, так и viewabilityConfigCallbackPairs.

У меня есть такой плоский список: <AnimatedFlatList onViewableItemsChanged={({ viewableItems }) => console.log("Data: " + JSON.stringify(viewableItems)) } ref={scrollRef => { this.scrollRef = scrollRef; }} data={this.getDataSource…
21 сен '20 в 14:19
0 ответов

Вызов scrolToEnd после завершения рендеринга Flatlist

У меня есть приложение для чата, в котором для сообщений используется Flatlist. Этот FlatList должен бесконечно загружаться в обоих направлениях (чтобы видеть старые или более свежие сообщения). Как maintainVisibleContentPosition prop не работает на…
0 ответов

Реагировать-native Flat List с использованием this.scrollView.scrollToEnd() возвращается для объекта большого массива

Проблема утверждения: Плоский список при прокрутке вверх списка возвращается в самый низ. Я создал массив с длиной объекта 96. Плоский список показывает неправильное поведение. Вот видео:https://drive.google.com/drive/folders/1za7qDVY8ILDHVdJS9mK-aP…
0 ответов

Обновить элемент массива с помощью UseState, стереть весь массив в React Native

Ребята, я пытаюсь автоматически воспроизводить видео при прокрутке с помощью FlatList опора OnViewRef.Что я пытаюсь сделать, чтобы установить массив видео, поступающих из api в локальное состояние, добавив несколько дополнительных ключей со значения…
02 окт '20 в 13:13
1 ответ

Фильтрация плоских списков с несколькими элементами

Я учусь React Nativeсоздав приложение RideSharing. У меня есть функция, которая позволяет пользователю фильтровать FlatList компонент с несколькими поездками, и каждый из них имеет разные элементы, связанные, например, date, number of passengers, co…
0 ответов

Бесконечный прокручиваемый FlatList - рендеринг рекламы / подсказок между ними

Я создаю функцию электронной коммерции / торговли в нашем приложении, где пользователь сможет видеть доступные сделки с бесконечной прокруткой, я использую для этого плоский список. Теперь между сообщениями я хочу показывать такие советы, как "разме…
26 окт '20 в 21:47