I have two flatlist
One is Alphabet Flatlist
Another one is Contact name FlatList
If I click Alphabet FlatList letter, Scroll and display that particular Contact name list
Related
Is there any way to set when the flatlist should become scrollable, I don't want my list items to get all the way to the bottom of the screen. I want it to start scrolling at a certain point in the array.
I have 3 data sets (Movies, Shows, and Games) that I want to show with a FlatList depending on the selected tab. I am also using React Navigation.
I came up with 3 possible solutions to show the relevant info:
One FlatList that changes it's data property on tab change
One visible FlatList and two hidden FlatLists based on the tab
Using React Navigation to change the screen to one with a relevant FlatList based on the tab
What would be the optimal approach?
I'm new in React Native.
I have SectionList and show sectionHeader with some items.
What i want to achieve: if there are more than 2 elements in the list, display only 2, and draw the "Show all" button below. By clicking on button I want to show all the elements.
I am trying to develop a profile screen which has the persons profile pic, name, etc in the header as well as tabs that determines which data gets displayed in the FlatList below. I want the header component to be scrollable with the FlatList so that the header does not take up screen space while scrolling the FlatList. Also, the header's tabs will change the data that gets render in the list. I have tried two approaches but neither one has worked. Including the header and flatlist inside of a scrollview causes the flatlist to continually call onEndReach until all of the data is returned, but I also read that this is not recommended. The second approach was setting the ListHeaderComponent on the flatlist to the header component, but every time a tab is change the entire screen reloads. I am looking to have the header scrollable as if it were part of the flatlist, and only the flatlist re-render when a tab is pressed. Similar to what Instagram has with their profile screen. Any help with this issue would be much appreciated.
How can I create an expandable list view in react native? I want to give a functionality in which when I press the button it displays an expandable list view.
Please have a look for a proper example in this link https://cdn.journaldev.com/wp-content/uploads/2015/12/android-expandablelistview-example.gif