Questions tagged [react-native-flatlist]
A performant interface for rendering basic list in React-Native.
react-native-flatlist
2,736
questions
0
votes
1
answer
24
views
Rendered FlatList is not scrollable in react native
Basically i have a react native tab to search for an avalaible room based on the user input, after the user submit their input, the app will render a flat list of the avalaible rooms. The problem is ...
0
votes
0
answers
17
views
Should I use a Flatlist or just map when displaying interactive stickers using React Native?
I am using react native to add stickers similar to FB or IG stories and created this component using Pan Handler. I've tried several ways to improve performance but it starts to slow down when there ...
0
votes
1
answer
61
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
12
views
I want to display a list in react native so which one is better approach
<ScrollView>
<FlatList>
</FlatList>
</ScrollView>
or
<ScrollView>
<VirtualizedList>
</VirtualizedList>
</ScrollView>
error is "VirtualizedLists ...
0
votes
0
answers
16
views
How to turn a react native Flatlist with full screen items to a pdf
I have a react native screen that renders a Flatlist. Each item in the flatlist takes up the entire screen. I would like to turn this flatlist to a pdf, were each item is a page.
That can be easily ...
0
votes
0
answers
15
views
How can I fix the large blank space appearing below my ScrollView in a React Native chat search screen?
I'm experiencing an issue in my React Native app where there's a large amount of blank space below my ScrollView. I'm using a combination of ScrollView and FlatList to display users and recent user ...
0
votes
1
answer
65
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 ...
0
votes
0
answers
14
views
Android FlatList dynamically adds and deletes lists, the list shakes
I am using flatlist to simulate a message comment area. A message is added every 500ms and scrolls to the bottom. When the list exceeds the length, the header data needs to be deleted after the ...
0
votes
0
answers
16
views
How call two api and show in two difrent flatlist
how to display json data from different apis on each FlatList. here there is a flatlist of flatlists in the HeaderComponent and the other FlatList, because currently it displays the same data in the ...
0
votes
1
answer
40
views
How to make the gesture of a Flatlist works properly on a absolute View on the mapView?
I made a search input on the top of a map view to look in the data. When the flatlist shows up I have two problems that I don't understand:
I can't scroll in the list to search into it.
And when I do ...
0
votes
1
answer
28
views
Dismantle Flatlist renderItem
Folks, I have an issue here, my flatList item rendering correctly but when I scroll to the various indexes I it adds extra spaces to left of the current index pushing part of the current index to the ...
0
votes
2
answers
99
views
React native scrollToEnd doesn't seem to be working
The following scrollToEnd leveraging the messagesListRef isn't working for some reason (There are no errors or warnings either):
import { useState, useRef } from "react";
import {FlatList, ...
0
votes
0
answers
15
views
react native flatlist component let some item occupy the rest, how to do it
react native flatlist component let some item occupy the rest, how to do it?
make some item take the rest of screen
i tried to set the item style property “flex: 1”, but doesn't work, Has anyone ...
0
votes
1
answer
26
views
React native: zIndex in flatlist item is not working as expected
i have a flatlist and blur view component in the parent component, on press of the item in flat list im adding zindex to the selected item in flat list.
Expecting that the item should be visible over ...
0
votes
1
answer
35
views
React native zindex not working inside Scrollview/Flatlist
import {BlurView} from '@react-native-community/blur';
Items = () => <View style={{zIndex: 1}} />
<>
<FlatList
ref={flatlistRef}
data={Array(10).fill(1)}
renderItem={({...