All Questions
Tagged with expo react-native-flatlist
147 questions
0
votes
1
answer
31
views
Change flatlist ListHeaderComponentStyle on stick
I'm making a simple react-native shopping list App. I'm rendering everything in a FlatList as shown in the code. I want to change the ListHeaderComponentStyle whenever the header component sticks.
My ...
- 589
0
votes
0
answers
15
views
ScrollView/FlatList Conflicts with Stack.Screen in React Navigation
I'm developing a Chat screen in React Native, but I'm facing a problem when using Stack.Screen together with elements like Flatlist or ScrollView.
My code is as follows:
import { Stack, ...
1
vote
1
answer
29
views
Rendering issues with Flatlist or other elements that include Scroll
I have an application with a tab system developed using Expo Router. Inside one of the tabs, I have configured a Redirect from the root path of the tab to a specific subpath. Below is the code ...
0
votes
1
answer
32
views
FlatList's vertical scrollbar visible despite showsVerticalScrollIndicator={false}
In my functional component below, FlatList's vertical scrollbar remains visible despite showsVerticalScrollIndicator={false}
const Section = () => {
...
return data && <...
- 37
0
votes
0
answers
42
views
Unexpected FlashList Jump on Screen Rotation in React Native/EXPO
PROBLEM: I'm experiencing an issue with the FlashList component in my React Native/EXPO app. When the screen orientation changes to album, the list unexpectedly "jumps" top over the visible ...
- 1
0
votes
0
answers
251
views
React Native Video Playback Issues with expo-av: Videos Lag and Stop Playing When Viewable
I am working on a React Native app using Expo and the expo-av package for playing videos. I have a FlatList that renders video posts, where each video should start playing when it becomes viewable and ...
1
vote
0
answers
53
views
Box shadow issues in flatlist
I am new to react native and i have a an array of products in my react native expo project for which i am using the Flatlist to render them on screen. i am facing issue where the box shadow is not ...
1
vote
0
answers
39
views
Flatlist onViewableItemsChanged gets blocked when using a sticky header
Currently, I am trying to implement a header that appears when scrolling up and disappears when scrolling down, but when I place my header element inside of StickyHeaderComponent, the logic inside of ...
0
votes
1
answer
54
views
Same code renders in view-map but not in FlatList
A React Native beginner here. While working on a tutorial app I was not able to get FlatList to show my data items. So I created a screen which would render data items from an array of objects (...
1
vote
1
answer
77
views
React Native FlatList onScroll Becomes Unresponsive with Large Data Sets in Expo App
I'm working on an Expo React Native app that has a header, footer, and an action button toggle that animates based on the scroll direction. The app has two tabs on the home page: "Social Posts&...
- 398
1
vote
0
answers
107
views
Invariant Violation: Trying to remove non-present child list when trying to render nested Flatlist inside main FlatList
This is an app to track workouts. I have two flatlists. One is to display the exercise selected and the other to display the sets performed. When no exercise is added and I try to change the tab, ...
- 43
0
votes
0
answers
22
views
Can't get the user's location while the Flat List is scrolling
In a react native application using Expo, I have a FlatList to display items and functionality to get the user's location using getCurrentPositionAsync() from expo-location.
I get the location every ...
- 1
0
votes
0
answers
30
views
React Native Image sizing not functioning as intended
I am trying to display an image and have it take up full width and auto height (based on the height of the image). The desired output is this
This is my code
import {
View,
Text,
...
- 43
0
votes
1
answer
67
views
FlatList not scrolling on android - react native
I'm trying to create a custom drop down, on IOS its working fine, but on ANDROID can't scroll. Anyone worked with custom drop down before?
I followed every answer to fix this but nothing helped me. ...
0
votes
1
answer
857
views
React Native FlatList pagination
I want to implement pagination to my Chat, so when the user scrolls up, more messages are loaded. Currently I'm facing a problem that when I scroll up, more messages load, but the 'view' snaps to the ...
- 1