2,754 questions
1
vote
0
answers
11
views
FlashList severely lags with datasets over 30 items, drops FPS to 2–10 on low-end devices
'm experiencing major performance issues using Shopify's FlashList in a React Native project when rendering lists with more than 30 items. On low-end Android devices, the UI becomes noticeably janky — ...
- 11
0
votes
0
answers
29
views
React Native gifted chat gets disabled when used with React native gesture handler
So I have my chat interface built with RN Gifted chat. Now, I wanted to include a feature that would take my user to another screen once he swipes (horziontally on the screen). When I used RN gesture ...
- 1
0
votes
0
answers
62
views
React Native - Drag and Drop for Filemanager App?
I am currently trying to develop a kind of file manager app in React Native. How can I make it work in React Native so that I have a similar drag and drop experience as in the iOS file manager app (or ...
0
votes
0
answers
28
views
Is it possible to access a single json object using flatlist?
I'm using Expo router with React-Native. So it needs to be able to work with the Expo framework.
My app uses a FlatList to generate a list of profiles. When the user taps on a profile, it needs to ...
1
vote
1
answer
17
views
scrollToIndex in FlatList causing unexpected behavior in React Native
import React, { useState, useRef, useEffect } from "react";
import { View, Text, FlatList, StyleSheet, Dimensions } from "react-native";
import dayjs from "dayjs";
const ...
- 53
0
votes
0
answers
31
views
react native calendar with events displayed under each date
I am trying to have a calendar like this in my react native app. but could not find any package which can fulfill this requirement.
I have tried multiple calendar packages. but could not achieve this.
...
- 53
0
votes
0
answers
29
views
Flat list not taking the full available height
I want to implement pull-to-refresh feature on my main screen. I am using FlatList to achieve this but the FlatList does not take the full available height after the header and the footer. Is there ...
0
votes
0
answers
29
views
Best Approach for Switching Between Two Lists in FlashList: One or Two Instances?
I am using FlashList on my project, and I have two different lists that share the same header. When I click a button on the ListHeaderComponent, the displayed list switches. Each list contains ...
- 96
0
votes
0
answers
294
views
Cannot remove child at index 0 from parent viewGroup [370], only 2 children in parent. Warning ChildCount may incorrect
const data = [
{id: 1, name: 'irfan'},
{id: 2, name: 'dami'},
];
<FlatList
data={data}
renderItem={({item}) => <Text>{item.name}</Text>}
keyExtractor={(item) => item.id....
1
vote
0
answers
27
views
FlatList RTL support
I'm trying to build a horizontal Flatlist that supports RTL. Still, for some reason, the flatlist horizontal expansion direction is opposite to the data render direction (if my words make any sense). ...
- 11
0
votes
1
answer
36
views
TouchableOpacity not working properly in nested FlatList or ScrollView
I need to display product categories. Each category contains multiple products that should scroll horizontally.
When I click on a category item, the touch event doesn’t work consistently. Sometimes it ...
-1
votes
1
answer
98
views
How to prevent re render of all items in a nested flashlist with redux
Hi all so I'm working with a flattened json data for a menu component and everything works fine ,my issue is whenever i update the quantity of a particular item in the menu or decrement it my whole ...
- 315
2
votes
1
answer
58
views
how to dynamically calculate the size of a parent inside a nested list ,while items are added or removed
so im working on menu where there are categories and sub categories and the sub categories is a collapsible and the collapsible has smooth animation my issue right now im giving a fixed height for the ...
- 315
0
votes
1
answer
295
views
React Native Modal Flickers Briefly Before Closing When Using Conditional Rendering
I am using a Modal in my React Native app to display address selection options. The modal works fine, but when I use conditional rendering to show dropdown fields based on selected values, the modal ...
1
vote
1
answer
153
views
How to preserve scroll position in FlashList with inverted when loading earlier messages?
I am building a chat application in React Native using FlashList from @shopify/flash-list. My goal is to load earlier messages when the user scrolls to the top while keeping the scroll position ...
- 494