python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - flatlist

react-native flatlist with dynamic rows and columns

I'm trying to build a simple layout using FlatList in react-native application like this: example-image. I need to create a dynamic layout depending on the item's index, so if index ===0 1st image sho...
test-img

reactjs

react-native

wrapper

react-native-flatlist

flatlist

react-native-listview

Votes: 0

Answers: 1

Latest Answer

It is because of you set numColumns={2}, this makes FlatList renders every two items into a row. First large item and second item are in the same row, third item and forth item are in the new row. So ...
test-img

Bo King

position: absolute inside FlatList view child not overlay

I have a FlatList with N childs, i want position a view with absolute, each children has a view who can be visible or not, I'm using position: absolute and z-index: 20 in the view styles but didn't wo...
test-img

Luis

react-native

position

absolute

flatlist

Votes: 0

Answers: 1

Latest Answer

If I understand it correctly, you want a purple square in front of the entire flatlist container. Your approach of {index === 1 && ( it's wrong, because position absolute means it's absolute j...
test-img

Pasca Marius

How to solve 'Tried to get frame for out of range index NaN' - React native flatlist?

here below is the code which was used, on open this page then it appears that 'Tried to get frame for out of range index NaN'. I don't understand where I got the issues. Please help. import {FlatList}...
test-img

John Ocean

react-native

flatlist

Votes: 0

Answers: 1

Latest Answer

You were set row1Images as an object instead of array. data props passed to FlatList should be an array. Set row1Images like this const [row1Images, setRow1Images] = React.useState([ ...constants....
test-img

Thanhal P A

React native Flatlist doesn't scroll

I have an weather app in react native that uses react-native-app-intro-slider that is basically a vertical FlatList. This is my App render return ( <AppIntroSlider style = {{backgroundColor:'#4c669...
test-img

m3k_1

javascript

react-native

flatlist

Votes: 0

Answers: 2

Latest Answer

First of your dataToRender16 must have some unique id ,and you must add keyExtractor to your FlatList. checkout the following example: <FlatList keyExtractor={(item, index) => item.id} ...
test-img

ali saberimovahed

Posts

Questions

Blogs

Jobs