Вопросы по теме 'react-native-flatlist'
onEndReached в проблеме с Flatlist
Если я заключаю плоский список в представление, то мой onEndReached срабатывает бесконечно, если я удаляю включающий вид, onEndReached вообще не запускается.
render() {
return (
<Root>
<Container>...
10297 просмотров
schedule
23.08.2022
React Native: приложение зависает при использовании FlatList
Я использую FlatList, как показано ниже, и приложение зависает.
<FlatList
data={this.getData()}
renderItem={this.renderItem}
/>
733 просмотров
schedule
07.04.2022
Выделите выбранный элемент в React-Native FlatList
Я собрал простое приложение с поддержкой React, которое получает данные из удаленной службы и загружает их в FlatList. Когда пользователь нажимает на элемент, он должен быть выделен, а выбор должен быть сохранен. Я уверен, что такая тривиальная...
38925 просмотров
schedule
18.09.2022
FlatList вытягивается из нижней части списка
Я использую компонент FlatList React-Native, который по умолчанию обновляется при вытягивании вверху списка.
<FlatList
data={reviews}
keyExtractor={item=> item.review_id}
renderItem={({item}) => (
<ReviewItem...
1816 просмотров
schedule
31.07.2023
React Native переменные между классами JavaScript
Я пытаюсь настроить действие навигации с помощью реакции-навигации, но у меня возникают проблемы, так как я использую FlatList и Pure Component для визуализации элементов в списке. Список отображается нормально, но когда я пытаюсь добавить функцию...
92 просмотров
schedule
02.04.2024
Как использовать KeyboardAvoidingView с FlatList?
У меня есть компонент FlatList с вводом внутри каждой строки. Когда я выбираю ввод, я хочу, чтобы он прокручивался над клавиатурой.
Мой код:
return (
<KeyboardAvoidingView behavior='padding' style={{ flex: 1 }} >
<FlatList...
15567 просмотров
schedule
19.02.2023
FlatList перезаписывает данные React Native
Я использую плоский список для рендеринга данных из службы, но он всегда перезаписывает список, но если я пытаюсь отобразить 2 столбца, он работает нормально
Код:-
makeRemoteRequest = () => {
const { page, seed } = this.state;...
336 просмотров
schedule
29.03.2023
Изображение не отображается во Flatlist, но появляется при открытии модального окна.
Я пытаюсь отобразить кучу изображений в плоском списке. В настоящее время изображения НЕ появляются при отображении страницы. Однако, когда я нажимаю на экран, где должно быть изображение, он правильно открывает модальное окно, которое позволяет мне...
1338 просмотров
schedule
05.01.2024
Реагировать на глубину прокрутки встроенного списка?
У меня более 200 элементов в моем плоском списке, есть ли способ узнать, к какому номеру элемента прокручивается пользователь? (элемент отображается до какой позиции)
<FlatList
data={[{ key: "a" }, { key: "b" }]}
renderItem={({ item })...
135 просмотров
schedule
20.08.2023
Как остановить взаимодействие React-Native FlatList с другими компонентами
У меня есть простое приложение React-Native, которое использует FlatList с Redux. Проблема в том, что когда список становится длинным и достигает нижней части экрана, где существуют элементы ввода, он нарушает эти элементы ввода, даже если они...
567 просмотров
schedule
11.03.2023
React Native Flatlist отображает один и тот же элемент несколько раз при обновлении данных.
Компонент встроенного плоского списка react отображает один и тот же элемент столько раз, сколько список данных, когда данные обновляются. это для приложения чата. когда пользователь нажимает кнопку отправки, this.state.messages обновляется и...
1718 просмотров
schedule
29.03.2024
Использование response-native-modalbox в ListView приводит к тому, что modalbox заполняет только пространство элемента списка, а не полный экран?
Когда я использую пакет response-native-modalbox с FlatList (каждый элемент списка может порождать отдельный модальный при нажатии), создаваемый модальный экран заполняет только область элемента списка вместо того, чтобы переходить в полноэкранный...
853 просмотров
schedule
29.03.2022
Как автоматически обновлять FlatList при вставке данных в React Native?
При добавлении данных с сервера GraphQL мой FlatList не обновляется. Я пробовал обновлять и onRefresh, но не совсем уверен, как я этого добьюсь, надеюсь, кто-то может мне помочь.
<View>
<Query query={GET_ALL_RECIPES}>...
4051 просмотров
schedule
21.02.2022
Использование памяти становится все выше и выше, пока я прокручиваю Flatlist, и память не освобождается, когда я прекращаю прокрутку (React Native)
Я использую Flatlist и SectionList в своем родном проекте, и у меня более 300 строк данных. Однако я обнаружил серьезную проблему: когда я продолжаю прокручивать вниз и вверх, использование памяти становится все выше и выше. Как я могу решить эту...
3052 просмотров
schedule
02.04.2023
FlatList отображает пустых дочерних элементов
Кажется, у меня проблема с отображением дочерних элементов в FlatList.
Итак, я создаю приложение для создания колоды коллекционных карт. В качестве базы данных я использую файл json с примерно 1300 объектами карт.
КарточкаЭкран:
export...
726 просмотров
schedule
05.12.2023
Прокрутка FlatList со статическим компонентом
У меня есть один статический компонент и множество компонентов, отрисованных в цикле, на экране.
Весь код ниже здесь.
import React from "react";
import { View, Text, FlatList } from "react-native";
...
class FlatListScrollWithStatic extends...
1044 просмотров
schedule
18.05.2024
Как выделить результаты поиска в React-Native FlatList?
Я новичок в React-native. Мне нужно выделить результаты поиска в моем FlatList, пока я печатаю в строке поиска. Есть 2 компонента: react-native-highlight-words и react-native-text-highlight , но я не могу понять, как используйте их! вот мой...
2621 просмотров
schedule
16.10.2023
React Native FlatList получает бесконечный цикл onRefresh
Я пытаюсь получить данные из redux в FlatList, а onRefresh = {} дает мне бесконечный цикл. Когда я не использую redux, он работает, но когда я переместил выборку в действие redux, я запутался.
Может ли кто-нибудь описать мне, что я делаю не так?...
443 просмотров
schedule
01.04.2023
Как сделать пользовательскую радиокнопку с анимацией? Реагировать на родной
Я сделал собственную радиокнопку в React Native. Ниже ссылка на мой код.
https://gist.github.com/shubh007-dev/0d8a0ca4d6f7d1530f3e28d223f9199e
Что я хочу, так это анимировать переключатель, когда я нажимаю его, как это делается в этой...
1346 просмотров
schedule
09.12.2022
FlatList onEndReached вызывается при загрузке (React Native)
Когда я использую функцию onEndReached в FlatList , она вызывается автоматически.
Ниже ссылка на эту тему.
Ссылка
Есть ли для него решение или какая-либо альтернатива в iOS?
Отредактировано:
Ниже приведен код, который я пробовал,...
3476 просмотров
schedule
21.12.2023