flash-list
flat-list-mvcp
Our great sponsors
flash-list | flat-list-mvcp | |
---|---|---|
25 | 3 | |
4,915 | 131 | |
6.1% | 0.8% | |
8.3 | 0.0 | |
6 days ago | 8 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
flash-list
-
Is React Native really that bad?
Also, yes, scrolling handling with lots of images can be a problem, but don't panic, React Native has some good partners 😉. Shopify created a library specifically to deal with this problem called FlashList ⚡ which is now the solution to this problem.
- React native for Linux app development in 2023
- Flash News App React Native (Expo^)
-
Flatlist starting to be very slow! (RN w/ Typescript)
Use flashlist
- Best advanced sources for RN
-
Improving FlatList Performance
FlashList is what you want https://shopify.github.io/flash-list/
-
Horizontal Flatlist in a vertical Flatlist
I think there's a lot of apps out there that have this type of navigation. I'm working myself on one like that :) It's doable, BUT you have to make sure to work on all sorts of perf improvements. You should also check out FlashList https://shopify.github.io/flash-list/
-
Powerfull apps
In my experience Flashlist from Shopify mostly solves the issue with large lists. I'd prefer if it was built-in to the platform, still...
-
need help with Shopify's Flash-List , react native
It can't render same height items. I reported bug, still wait for response
-
TOP 6 React Native libraries with native performance ⚡️
2. FlashList
flat-list-mvcp
- How to implement the standard chat app feature of having the focus of the FlatList automatically be focused at the end/newest messages
-
Anyone built a Chat app with React Native lately?
How did you solve the issue of seeing the chat history? In the normal FlatList if you prepend items to the top of the list the scroll position flies all the way to the top, terrible UX. I had to dig around and try to fix this for an entire week. Tried inverting the FlatList which made it drop to 10 fps on my Android device, and inverting with styling caused weird empty spaces to form. Finally ended up with this small library which is mostly acceptable.
-
React Native: How To Build Bidirectional Infinite Scroll
FlatList from React Native accepts a prop - maintainVisibleContentPosition, which makes sure your scroll doesn't jump to the end of the list when more items are added to the list. But this prop is only supported on iOS for now. So taking some inspiration from this PR, we published our separate package to add support for this prop on Android - flat-list-mvcp. And thus @stream-io/flat-list-mvcp is a dependency of the react-native-bidirectional-scroll package.
What are some alternatives?
recyclerlistview - High performance listview for React Native and web!
react-native-bidirectional-infinite-scroll - 📜 React Native - Bidirectional Infinite Smooth Scroll
react-native-fast-image - 🚩 FastImage, performant React Native image component.
react-native - A framework for building native applications using React
react-native-gifted-chat - 💬 The most complete chat UI for React Native
react-native-elements - Cross-Platform React Native UI Toolkit
react-native-big-list - This is a high performance list view for React Native with support for complex layouts using a similar FlatList usage to make easy the replacement. This list implementation for big list rendering on React Native works with a recycler focused on performance and memory usage and so it permits processing thousands items on the list.
react-native-modalize - A highly customizable modal/bottom sheet that loves scrolling content.
react-native-vision-camera - 📸 A powerful, high-performance React Native Camera library.
stream-chat-react-native - 💬 React-Native Chat SDK ➜ Stream Chat. Includes a tutorial on building your own chat app experience using React-Native, React-Navigation and Stream