Вопросы по теме 'react-native-flatlist'
Только рендеринг 3 элементов внутри FlatList
Я хочу отобразить только 3 моих элемента внутри FlatList . Позже, когда я нажму на текст, будет отображаться новый элемент.
вот пример кода:
export default class FlatListBasics extends Component {
renderNewItem = () => {
// do something...
5994 просмотров
schedule
29.04.2024
Два столбца в RN FlatList
Как я могу перечислить 2 столбца в React Native Flatlist, например:
17438 просмотров
schedule
26.09.2022
FlatList не выводит данные — React Native
Я пытаюсь использовать FlatList с помощью React-Native, и я делаю это в соответствии со следующей статьей.
https://medium.com/react-native-development/how-to-use-the-flatlist-component-react-native-basics-92c482816fe6
Я создал временный...
128 просмотров
schedule
29.10.2022
Пользовательский интерфейс обновления React-Native при изменении значения элемента в массиве без использования ForceUpdate
Представьте себе: у меня есть FlatList , представляющий список цепочек сообщений. Каждая ячейка имеет метку, показывающую количество новых сообщений в этом потоке. В каждой ячейке также отображается усеченная строка последнего сообщения в этом...
1494 просмотров
schedule
29.03.2024
React Native FlatList внутри ScrollView onEndReached никогда не вызывается
Мой контейнер - это прокрутка, а внутри - плоский список, который загружает данные с сервера.
Фллист:
<VirtualizedList
ListEmptyComponent={<NoData />}
data={data}
getItem={(items, index) => items.get(index)}...
4810 просмотров
schedule
08.01.2024
Как обернуть элементы Flatlist в React Native
Я пытаюсь отобразить список элементов, как на этом изображении.
Элементы в каждой строке будут различаться в зависимости от размера текста. Flatlist используется для отображения элементов.
TagView.js
<View...
5970 просмотров
schedule
30.03.2024
Значение объекта, возвращаемого, когда VirtualzedList медленно обновляется в React Native
Я работаю над созданием приложения для социальных сетей для своего университетского городка. Я использую React Native. Прямо сейчас я использую Redux для поддержания состояния моего приложения, React-redux для привязки состояния к различным...
581 просмотров
schedule
31.01.2024
Как загрузить новые данные в Flatlist как вверх, так и вниз на EndReached в React Native?
Я использую Flatlist с React Native для Android, где мне нужно динамически загружать новые данные при достижении конца Flatlist в обоих положениях «Вверх» и «Вниз» Flatlist (или «Влево» и «Вправо» в горизонтальном виде).
Однако Flatlist имеет...
426 просмотров
schedule
07.05.2024
Чтобы сохранить данные при нажатии элемента в хранилище asycstorage в родном реагировании
Я пытаюсь отобразить часовой пояс на другом экране, когда элемент нажимается в предыдущем плоском списке. Мои данные поступают из автозаполнения, когда я выбираю их, они отображаются в плоском списке.
<Autocomplete
autoCapitalize="none"...
532 просмотров
schedule
12.04.2024
Как передать несколько объектов или значений в FlatList extraData
У меня есть ситуация, когда мне нужно передать как State, так и Props в ExtraData FlatList.
Я пробовал что-то подобное, но не работало.
<FlatList
numColumns={1}
data={this.props.artists}...
4086 просмотров
schedule
01.04.2024
Проблема со ссылкой на FlatList
Я не получаю ref из flatlist всегда получаю
Предупреждение: Функциональные компоненты не могут иметь ссылок. Попытки получить доступ к этой ссылке не увенчаются успехом. Вы хотели использовать React.forwardRef() ?
Я новичок в React...
1356 просмотров
schedule
08.11.2022
реагировать на собственный элемент плоского списка не определен
Я пытаюсь сделать свой плоский список повторно используемым компонентом, но получаю сообщение об ошибке
item is not defined.
Как я могу позволить моей функции onpress иметь доступ к элементу внутри моего многоразового компонента?
Код:...
822 просмотров
schedule
09.09.2022
Как сохранить свойства дочернего компонента внутри Flatlist?
В настоящее время я использую React-Native Flatlist с настраиваемым компонентом для отображения данных. Пользовательский компонент показывает карточку и должен отображать модальный (точнее, RBSheet) при щелчке.
Проблема в том, что реквизит не...
1012 просмотров
schedule
02.05.2024
Функция срабатывает, когда элемент FlatList появляется в представлении
У меня есть основной плоский список следующим образом.
<FlatList
numColumns={2}
data={items}
renderItem={() => (
<Item />
)
}
/>
Я пытаюсь скрыть/отобразить другой компонент в зависимости от того,...
1153 просмотров
schedule
26.02.2024
View borderRadius стиль не применяется на Android, когда представление находится внутри FlatList
У меня есть компонент, который я использовал для выбора дат в календаре. Если выбрана дата, число должно иметь кружок в качестве фона. Я заключил <Text> в <View> со стилем borderRadius , и сам компонент работает.
Но когда я...
115 просмотров
schedule
02.05.2024
Приложение React Native Chat, Flatlist useRef имеет значение null
Я создаю приложение чата с React Native, используя Expo, и я использую Flatlist в качестве дочернего элемента KeyboardAvoidingView для отображения списка сообщений, проблема в том, что я хочу прокрутить вниз, когда срабатывает клавиатура
Поэтому я...
563 просмотров
schedule
01.01.2024
Добавляйте данные в FlatList при реагировании на нативную сеть, сохраняя при этом видимый контент
Можно ли реализовать Flatlist с реагирующей нативной сетью , где вы добавляете данные, сохраняя при этом видимое содержимое?
Прямо сейчас, когда вы что-то добавляете, он переходит в верхнюю часть Flatlist. Я использую onContentSizeChange для...
216 просмотров
schedule
25.10.2023
Как предотвратить повторный рендеринг FlatList при изменении состояния
У меня есть очень большой FlatList, который отображает 800 кнопок с изображением и текстом. Этот список находится внутри TabScreen, который находится внутри домашнего экрана с другим экраном tabScreen, который имеет текстовый ввод. Когда я изменяю...
445 просмотров
schedule
19.05.2024
Как сделать так, чтобы верхний/нижний колонтитул оставался на месте при прокрутке содержимого?
Как сделать, чтобы верхний и нижний колонтитулы оставались на месте, пока содержимое прокручивается (в середине экрана)?
Я пытался сделать это, используя свойство 'flex', пока безрезультатно.
Пример кода:
import React from 'react';
import {...
54 просмотров
schedule
30.10.2023
DraggableFlatList onRef получает неправильный тип с помощью Typescript
Я использую react-native-draggable-flatlist в ReactNative. Меня интересует ссылка на FlatList, чтобы я мог выполнить для нее scrollToIndex. Используя следующий код:
import React, {
useEffect, createRef, useRef,
} from 'react'
import {...
93 просмотров
schedule
08.10.2023
