I am using React Native on a real Android device. When creating a really simple app with just the following render function on the main app component... render() { <Image source={{uri:'http:/...

I'm searching a way to make an horizontal ListView or FlatList In React-native. like the image below: I tried to managed it with Flex but it's make me stranges results, and always with a vertical ...

I am using state to store the following data. state = { refresh: true, isFetching: true, showLoadingBottom: false, data: [] }; on componentDidMount I manually call a function _fetchData whic...

I'm having an issue with the new FlatList component. Specifically, it does not rerender it's rows, even though props that the row is dependent on changes. The FlatList docs says that: This i...

Can somebody please suggest any data table component for react native which can add rows dynamically and having editable cells. I am done searching in google. Thanks in advance.

On Android 4.4, ListView separator lines are inconsistent in thickness, and some do not render. I can't see how this can be a code issue, this is how I render them: separator: { height: 1, bac...

this is our FlatList, say hello: <FlatList data={this.state.dates} ... /> we feed it with the following dates: this.state = { dates: [ '21/06/2019', '22/06/2019', '23/06/2019', ] };...

ReactNative's ListView is little bit odd when it comes to data updates. I have an array of objects (name: Item), that have 3 properties: id (int) name (string) enabled (bool) The array of items i...

I have an AutoComplete Box which gives me a list of autocomplete items. I display the items in FlatList, I also have a border around the FlatList. My code is given below: - render(){ return ( &lt...

When you use ScrollView or ListView in your ReactNative app and some new data came in, the default behavior of them is to keep the position in the Scroll component. Which means if the new data of h...

I start working with react native 1 month ago. Now i start building a simple that fetch data from internet and show layout like image below. What is the best way to get these results into a grid? ...

friend I Will integrated checked - unchecked in listView. So that When user click on checked then store the data in Array and unchecked then i will remove the data. Its working fine, But the UI Wil...

I'm using a FlatList with a consequent ListHeaderComponent as the root component of my screen. I don't want the top of it to bounce on scroll, but I want to keep the bottom bouncing for UX'n'feel p...

How do I make a Flatlist navigate to the next screen when a row is clicked inside the Flatlist in react-native? Edited: I posted all the codes inside my JS file. Here is my flatlist code: impo...

Is there a way to find out the scroll direction of react-native's listview/scrollview components? Native iOS components seem to be able to do it by calculating the offset from scrollViewWillBeginD...

I am trying to learn how to use react-native, so I am putting up a small app that fetch a list of users from a server, displays it in a listview and where pressing a row opens a screen displaying u...

I'm curious why React Native doesn't utilize the native platform list components such as RecyclerView for Android and UITableView (CollectionView) for iOS. This could ideally provide a lot more fe...

I have a ListView that gets an initial DataSource. The user can then run a search which will update the ListView with a new DataSource. Unfortunately when this happens, the scroll position gets res...

I have a ListView that displays a list of chat sessions (similar to Whatsapp/Facebook Messenger), with the following rowHasChanged: rowHasChanged: (r1, r2) => r1.id !== r2.id I noticed that i...

I have an events section which has section headings containing the date. I need to be able to jump to specific dates, as well as have the initial scroll position set to the first date in the future...

I am using ListView to display a list of comments and possibly subcomments if they exist on a comment. I'm trying to scroll to a specific subcomment via its ref, but I am not able to get it to work...

I am using react-native for a iOS mobile app where I am using ListView to display a list of alarms. I have created my own reusable list view component called ComponentListView in which I can pass i...

I have a modal with 3 tabs. Each tab has a listview, any dataset larger than 10 rows does not work properly. What happens is on initial load it is displaying correctly. however when more rows are b...

My React Native application has a component that is supposed to show a scrollable list. I'm also using React Native Elements, although leaving that out doesn't seem to make a big difference. My co...

So what we want is something like: multiple-row-type In iOS we could use multiple cellIdentifier for each cell type to create performant listview. What I have now is something like render() { ...