Вопросы по теме 'react-native-flatlist'
Как улучшить производительность визуализации FlatList для большого списка с помощью ReactNative 0.43?
Я пытаюсь отобразить список из ~ 250 изображений в 3 столбца, используя FlatList в RN0.43, и я изменяю ширину изображений в функции onLayout FlatList, чтобы соответствовать ширине экрана.
Первоначальная производительность в порядке, но после...
8842 просмотров
schedule
06.12.2021
Flex Grow не работает с FlatList в React Native
Я пытаюсь использовать flexGrow с FlatList, но он не работает, как работает с ListView. Элементы отображаются со значением minWidth, даже если на экране есть место. Образец кода :
class ProductListScreen extends Component {
render () {...
2757 просмотров
schedule
10.04.2023
React Native Navigation Обновление данных
Я создаю приложение, в котором использую Redux и библиотеку React-Navigation . У меня есть список тренировок в FlatList:
<FlatList
style={{ backgroundColor: colors.background }}
data={this.props.workoutsList}
renderItem={({ item...
1117 просмотров
schedule
21.02.2022
React Native: проблема с производительностью при использовании 2 плоских списков
У меня есть 2 FlatList внутри ScrollView. ScrollView и второй FlatList отстают, как только FlatList появляется в поле зрения. Я попытался сохранить только один FlatList, и он работает довольно гладко. Я также использую PureComponent для рендеринга...
291 просмотров
schedule
30.09.2023
Сгенерируйте массив объектов, используя Lodash из Redux Reducer в селекторе для FlatList
если вы не знаете React и т. д., читайте здесь. Ниже приведен тот же вопрос, но больше связанный с React и т. д.:
У меня есть несколько объектов, содержащих один тип данных: Цены:
'btc-usd' : 2640, 'ltc-usd': 40, ...
Количество крипты:...
439 просмотров
schedule
12.11.2022
сопоставление идентификатора из ответа json с ключом и использование его для FlatList react-native
У меня есть json из ответа API, как показано ниже:
centres = [{
id: 1,
name: "DEF",
},{
id: 2,
name: "ABC",
}]
Теперь я хочу заполнить эти данные выше в FlatList
return(
<View>
<FlatList...
1475 просмотров
schedule
01.12.2022
React Native, помещающий фиксированный компонент поверх Flatlist
Как показано выше, я хочу создать этот экран из двух частей, на котором я могу щелкнуть как компонент A, так и компонент B в первом представленном здесь виде. Когда пользователь прокручивает компонент B, он может занимать весь экран и...
2705 просмотров
schedule
22.03.2023
Как установить индикатор обновления FlatList в React Native?
Я пытаюсь установить индикатор обновления плоского списка в react native, но не знаю, как это сделать. Просмотр списка имеет эту опору:
refreshControl={<RefreshControl
colors={["#9Bd35A", "#689F38"]}...
27340 просмотров
schedule
07.12.2022
Строка Flatlist с элементами разного размера
Я использую плоский список для создания сетки элементов, содержащих изображения, видео, блоги и аудио. В плоском списке есть две колонки. Я добавил кнопку для добавления фиктивных сообщений в плоский список. Проблема в высоте предметов. Когда я...
8974 просмотров
schedule
26.05.2023
ListView в анимированный компонент FlatList
У меня есть компонент ListView , который анимируется и расширяется на весь экран. Поскольку ListView устарел, я пытался перейти на Flatlist. Компонент ListView выглядит так:
<AnimatedListView
horizontal={true}...
593 просмотров
schedule
06.06.2024
Используйте изображение-заполнитель, если item.image имеет значение null (React Native)
Я использую FlatList для рендеринга нескольких изображений на экране. Я хочу отобразить замещающее изображение, когда item.img имеет значение null (элементы извлекаются из реакции-редукции).
Проблемы:
Я хочу использовать...
6519 просмотров
schedule
27.05.2022
Обновить определенную строку FlatList в реакции
Я использую FlatList для загрузки некоторых записей. Над FlatList у меня есть кнопка, и когда я нажимаю эту кнопку с 11230 элементами, загруженными в FlatList, я хочу обновить цвет фона определенной строки и изображение элемента flatlist с помощью...
1979 просмотров
schedule
07.09.2022
Содержимое переменной [объект не определен]
Проблема . Я создаю простое приложение с помощью React Native и firebase, где пользователи могут публиковать сообщения в Интернете и видеть, что опубликовали другие люди. Вы можете загружать вещи на серверы, но когда вы пытаетесь визуализировать...
78 просмотров
schedule
19.03.2022
Загружать только видимые изображения во Flatlist реагировать на родные
Я сделал сетку изображений, используя Flatlist. Я загружаю изображения из Интернета. В настоящее время все изображения загружаются, как только я перехожу на эту конкретную страницу. Я хочу загружать только те изображения, которые видны на экране, и...
5467 просмотров
schedule
17.09.2023
FlatList не отображается
Я пытаюсь использовать FlatList, но FlatList не работает. -Android
Эта работа
<FlatList
data={[{key: 'a'}, {key: 'b'}]}
renderItem={({item}) => <Text>{item.key}</Text>}
/>
Это не работает
<FlatList...
1073 просмотров
schedule
23.05.2022
Плоский список вариантов использования getItemLayout
Почему мы используем getItemLayout в плоском списке, как это помогает улучшить производительность плоского списка. Проверьте документацию по реакции, но не нашли удовлетворительного ответа.
getItemLayout={(data, index) => (
{length:...
22040 просмотров
schedule
03.06.2023
Отображение ответа в формате JSON в React-Native
Я отправил почтовый запрос на сервер через API, на что получил следующий ответ в формате JSON (скриншот console.log):
Выполнив следующий код, я смог отобразить ответ в диалоговом окне предупреждения:
uploadPhoto() {...
2677 просмотров
schedule
02.04.2023
React Native onViewableItemsChanged не работает при прокрутке динамических данных
У меня есть React Native FlatList. на основе документации я использовал onViewableItemsChanged для получения текущего отображаемого элемента на экране. но во время прокрутки или при остановке прокрутки ничего не происходит, и я не могу получить...
7233 просмотров
schedule
23.06.2023
Удалить один элемент из списка
Я использую FlatList для отображения списка данных. Я пробовал десятки примеров, как удалить одну строку из данных, но не мог найти правильного решения.
Сейчас я удаляю все данные из состояния, но хочу удалить только один элемент.
Вот мой...
4788 просмотров
schedule
19.08.2022
ReactNative — FlatList не обновляется до прокрутки
У меня проблема с компонентом FlatList , который не обновляется до прокрутки.
Я попытался добавить журнал в renderItem и keyExtractor , оба метода вызывались с правильными данными, но список не обновлялся.
Вот метод рендеринга:...
2081 просмотров
schedule
18.10.2022