Вопросы по теме 'react-native-flatlist'

Динамическое изменение количества столбцов в React Native Flat List
У меня есть FlatList , где я хочу изменить количество столбцов в зависимости от ориентации. Тем не менее, я получаю красный экран, когда я это делаю. Судя по сообщению об ошибке на красном экране, я не совсем уверен, как мне изменить ключевую...
14149 просмотров

Щелкните прослушиватель в плоском списке
Как добавить прослушиватель кликов в Flatlist ? Мой код: renderItem({item, index}){ return <View style = {{ flex:1, margin: 5, minWidth: 170, maxWidth: 223, height: 304, maxHeight: 304, backgroundColor:...
38201 просмотров
schedule 02.02.2023

React Native - обнаруживает, когда просмотр уходит за пределы экрана Flatlist
У меня есть элемент Flatlist , который отображает коллекцию представлений, которые могут быть изображениями или видео, аналогично каналу Facebook. Есть ли способ определить, когда представление исчезнет с экрана, чтобы я мог остановить...
1735 просмотров

React Native реализует данные JSON в ListView
У меня проблема с реализацией данных API в ListView. Я получил JSON с помощью Axios. export function fetchRateService() { return function(dispatch) { axios.get(RATE_URL) .then(response => { dispatch({...
1150 просмотров

Как нажать TextInput в FlatList в родной реакции?
Я хочу научиться использовать FlatList в React Native, но я не могу понять, как вставлять элементы в данные (массив FlatList). Кто-нибудь может мне помочь ? Вот мой родной код реакции: import React, { Component } from 'react'; import {...
1843 просмотров
schedule 26.05.2023

Flatlist ScrollToItem со ссылкой на идентификатор элемента
поэтому мои вызовы API будут возвращать каждый идентификатор элемента, который должен отображать плоский список. Как я могу установить начальный scrollToItem со ссылкой на идентификатор элемента, который я получил от своих вызовов API? Прямо сейчас...
3213 просмотров

React-Native FlatList не перерисовывается с помощью пользовательского renderItem
У меня есть FlatList, который работает, как и ожидалось, при использовании простого старого тега <Text> , но при использовании пользовательского компонента внутри renderItem FlatList не будет повторно отображаться при изменении...
2298 просмотров

Percentage не работает с элементом визуализации FlatList, если для параметра horizontal установлено значение true
Я хотел бы использовать ширину экрана в элементе рендеринга horizontal FlatList. Однако это не работает должным образом. Когда horizontal ложно, процентное значение работает. Но когда horizontal истинно, процентное значение не работает....
1329 просмотров
schedule 21.05.2023

Отображение FlatList с использованием массива объектов (React Native)
У меня есть опора, где console.log(this.props.userList); возвращается Array [ Object { "userData": Object { "userName": "David", "userAge": 20, }, "id": "ax3", }, Object { "userData": Object {...
7391 просмотров
schedule 10.01.2023

плоский список с динамическими столбцами numColumns
Я начал работать с react native 1 месяц назад. Теперь я начинаю создавать простой, который извлекает данные из Интернета и показываю макет, как на изображении ниже. Как лучше всего поместить эти результаты в таблицу? это мой простой...
5650 просмотров

(React Native) Как реализовать ListView/FlatList в MapView (или другом представлении), как этот GIF
Я хочу реализовать ту же функцию пользовательского интерфейса, что и эта (приложение Yelp) в React Native, и я использую Expo. В представлении карты есть представление списка или плоский список. Представление списка имеет более низкую начальную...
1153 просмотров

Как сделать автоматическую прокрутку FlatList?
Вот что я пытаюсь сделать: я использую функцию setInterval для установки переменной content , которая будет изменяться каждую секунду, и я нахожу, что onMomentumScrollEnd может получить позицию y при прокрутке FlatList И тогда я застрял, я...
2562 просмотров
schedule 25.06.2023

Как инициировать рендеринг, когда содержимое Flatlist меньше, чтобы иметь прокрутку - React Native
Я пытаюсь сделать отфильтрованную бесконечную прокрутку, для этого я использую плоский список. Изделия имеют переменную высоту. Если в выбранном списке есть только один элемент или нет элемента, onEndReached не срабатывает, поскольку прокрутки нет....
415 просмотров

react-native flatlist — keyExtractor возвращает повторяющийся элемент и переходит к концу массива данных
Сообщаю о странном поведении здесь, надеюсь, кто-то сталкивался с этим. Я получаю сообщение об ошибке «Нарушение инварианта: VirtualizedList содержит ячейку, которая сама содержит более одного VirtualizedList той же ориентации, что и родительский...
2534 просмотров
schedule 16.11.2022

Как отобразить список данных, используя FlatList в ReactNative
Всем привет Таблица SQLite: Имя таблицы : Пользователи Столбец : user_id,имя Мы попытались отобразить user_id и имя сведений о пользователе в FlatList, но у меня возникла проблема с помещением объекта пользователей в массив и списком...
1853 просмотров

React Native ref в элементах Flatlist. Возврат только за последний товар
Я создаю список сворачиваемых, используя собственный компонент плоского списка react. Я использую атрибут ref, чтобы щелкнуть элемент. Но когда я пытаюсь получить доступ к ссылке из события щелчка, она действует не на выбранный элемент, а на...
3085 просмотров

Переход к другому экрану из элемента плоского списка
Я пытаюсь перейти на другой экран, когда нажимаю на один из элементов в плоском списке. Код, который у меня здесь, работал пару дней, но теперь это не так, сразу же, когда приложение загружается, EventDetailScreen открывается даже до того, как я...
2954 просмотров

FlatList нестабилен, когда размер списка велик - реагировать нативным
Нативная версия моего приложения — 0.51.0. Когда размер flatlist не так велик, он загружается без проблем. (figure_01) . Но когда размер списка велик (здесь у меня 55 элементов в списке), вместо значений отображаются пустые строки....
197 просмотров
schedule 17.11.2022

React Native (Redux) FlatList переходит в начало списка при вызове onEndReached
У меня есть FlatList в ReactNative, который извлекает список статей из API. Когда при прокрутке достигается конец списка, следующая страница статей извлекается из API и добавляется к списку статей в редукторе Redux. FlatList настроен как:...
2717 просмотров

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