20+ React Native Listview Component Examples
Explore the 20+ best React Native listview component examples to help you create beautiful and interactive lists for your mobile apps. These examples cover a wide range of use cases, including simple lists, sortable lists, and paginated lists.
1.React Native Header View
Fully customizable Header View with multiple design options for React Native.
2.React Native Modal Select List
React Native modal component to select options from list.
3.React Native Lottie files picker
A React Native List that supports the selection of beautiful Lottie Animations sourced by Lottie Files.
4.Closing swipe list
React Native Closing swipe list purly implemented in Javascript.
5.React Native Select Multiple
A customiseable FlatList that allows you to select multiple rows.
6.React Native largelist
The best large list component for React Native
React-native-largelist is a very high performance large list component for React-Native. (iOS & Android) Now V3 is available. V1 is here
Features
- Large data source list component, items reused by group, Less CPU/Memory usage. Never blanks.
- Fully Cross-platform bounces (iOS & Android).
- Highly customize Refreshing and Loading. Fully support react-native-lottie. More smoothly animation.
7.React Native Touch Through View
eact Native Touch Through View is a simple component library that allows for scroll views and table views to scroll over interactable content without poor performing size and bounds animations.
You can achieve Spotify or Apple maps style drawer effects with the full performance of UIScrollView and without laggy onScroll events.
8.React Native Draggable View
DraggableView is a component for react-native, it allows you have a vertical draggable view that you can drag up or drag down. So, if you drag and release that component, then it keeps moving until reach either initial position or container border.
Demo: https://github.com/yaraht17/react-native-draggable-view/tree/master/example/CartView
9.React Native Draggable FlatList
A drag-and-drop-enabled FlatList component for React Native.
Fully native interactions powered by Reanimated and React Native Gesture Handler.
To use swipeable list items in a DraggableFlatList see React Native Swipeable Item.
10.React Native List slider
List slider for React Native - Pure JS Slider base on FlatList. Android and iOS platform supported. Tested on RN version 0.55.x.
11.React Native shoppin list
A React Native shoppin list example.
12.React Native Masonry Brick List
this is a staggered List view for react native (pure Js)
13.React Native Sortable Listview
Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging.
14.React Native Animated form
Collapsing toolbar for Android and iOS
15.React Native FoldView
FoldingCell implementation in JavaScript. This project was inspired by the folding cell animation seen on Dribbble.
16.React Native Nested Listview
A UI component for React Native for representing nested arrays of N levels
17.React Native Input List Components
A React Native library with components for Input Lists
18.React Native Immutable ListView
Drop-in replacement for React Native’s ListView, FlatList, and VirtualizedList.
19.React Native Smooth Swipe List
A swipe-able ListView component modeled after the list view in the iOS Mail app.
20.React Native Gridview
A flexible grid view based on React Native’s ListView component
21.React Native Pagination
Animated Pagination For React Native’s ListView, FlatList, and SectionList
22.React Native Swipe list View
A React Native ListView component with rows that swipe open and closed
23.React Native Search List
A searchable ListView which supports Chinese PinYin and alphabetical index.
24.React Native TapTargetView
React Native Bridge for KeepSafe/TapTargetView
Before we dive into on how to use this library. We would like to thank all the contributor of KeepSafe/TapTargetView for providing such a awesome nice, cool library
iOS Platform
Please refer react-native-material-showcase-ios for the iOS support
25.Grid list component
Grid list component implemented with FlatList
Demo: https://snack.expo.io/@gusgard/react-native-grid-list
#react-native #programming #react
