recyclerlistview
react-native-image-cache
Our great sponsors
recyclerlistview | react-native-image-cache | |
---|---|---|
18 | 13 | |
5,124 | 350 | |
0.6% | 2.6% | |
0.0 | 7.7 | |
about 1 month ago | 4 months ago | |
TypeScript | TypeScript | |
Apache License 2.0 | 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.
recyclerlistview
-
React native expo chat ui problem-flatlist frames dropping and scroll lag issue
You could try a Recycler list view https://github.com/Flipkart/recyclerlistview . I personally haven’t used it but I’ve heard a lot of good things about it
-
What is the fix for having a scrollable screen and having nested flat lists
If you need more customization you can check out https://github.com/Flipkart/recyclerlistview and merge your flatlist into one recyclerlistview with different rendering types
-
TOP 6 React Native libraries with native performance ⚡️
FlashList is based on RecyclerListView but has an API similar to FlatList, which makes migration very simple and has many additional features. For example, FlashList provides metrics API, which allows you to measure performance problems and find proper params configuration for your list component. Also, it supports animation with Reanimated and layouts like Masonry.
-
Slow update on selectable FlatList [Android]
I read about FlashList, Big-List, RecyclerListView. I'll give it a try to check if any of them improves performance.
-
Having trouble with react native flatlist it keeps glitching
Use This: https://github.com/Flipkart/recyclerlistview
-
💬 Full-featured high performance chat UI for React Native
🚀 Using recyclerlistview for rendering messages
-
Large Flatlist optimization tips?
Try looking into https://github.com/Flipkart/recyclerlistview -- It has a bit of a learning curve but the performance improvements that you get out of box are well worth it. Try it after the other improvements people in this thread mentioned :D
- Any React Native "FlatList" library using JSI under the hood ?
-
How to make that optimization in React Native?
https://github.com/Flipkart/recyclerlistview if you want to go even further than FlatList, but for most cases FlatList just works
-
Use flatlist inside Scrollview
Why can't you try RecyclerListView, Flipkart is using it in production.
react-native-image-cache
-
How can we have a CACHE (like browser cache) in React Native?
https://github.com/georstat/react-native-image-cache disclaimer: i m one of the authors
- Expo FileSystem for image caching
-
Caching images from Amazon S3 in React Native
To accomplish this task, we’ve chosen georstat/react-native-image-cache library.
-
How do you guys handle image caching?
I gave a try to smaller libs like georstat/react-native-image-cache but ran into some stability issues while attempting very simple use cases.
-
My first React Native app
If you’re not caching images already and you’re in bare react-native then use this package for caching: https://github.com/georstat/react-native-image-cache , it’s lighter than FastImage. Disclaimer: I’m the author
-
Having trouble with react native flatlist it keeps glitching
Fast image can be a memory hogger in flatlists, you could try https://github.com/georstat/react-native-image-cache witch stores images in file system (i’m one of the authors).
- Caching base64 images
-
Image Gallery with Thumbnails module
Hi fellow devs, me and my colleagues after releasing react-native-image-cache we also released a simple image gallery with thumbnails preview. The module has 0 external dependencies so it can be used with expo. We're planning on creating a react-native-image-cache package for expo too, stay tuned :) .
-
I’ve been working on an App called Entourage (Share privately your moments’ photos / videos with friends and Family). It’s now in public Beta and would love to get your feedback and help testing it.
I see you’re using 2 modules for image-caching, me and my colleagues have created a file system remote image caching module, in our cases react-native-fast-image was killing the device memory so we got inspiration from other modules and created: https://github.com/georstat/react-native-image-cache . It uses react-native-file-access witch is by far more stable than react-native-fs that you’re using and it supports almost the same stuff.
-
How can I handle the (image) layout flickering problem while the components are loading? (Especially on home and explore screen)
You could use this one: https://github.com/georstat/react-native-image-cache it supports custom animating placeholder, see the example.
What are some alternatives?
flash-list - A better list for React Native
react-native-blurhash - 🖼️ A library to show colorful blurry placeholders while your content loads.
react-native-skeleton-placeholder - SkeletonPlaceholder is a React Native library to easily create an amazing loading effect.
react-native-bottom-sheet - A performant interactive bottom sheet with fully configurable options 🚀
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-big-calendar - gcal/outlook like calendar component for React Native
react-native-track-player - A fully fledged audio module created for music apps. Provides audio playback, external media controls, background mode and more!
expo-image-editor - A super simple image cropping and rotation tool for Expo that runs on iOS, Android and Web!
react-native-expo-image-cache - React Native Image Cache and Progressive Loading based on Expo
react-native-cross-platform-starter - One codebase to build for iOS, Android, Web and Desktop with React-Native
react-native-image-progress - Progress indicator for networked images in React Native