Comments (8)
Thanks, we will consider adding that!
from react-native-chat-ui.
As I understood itemHeight
is required for this package, assuming all performance improvements are basically from the fact that items are of the same height. We have very dynamic items (messages, absolutely random height), and calculating text heights to supply to this package IMO will negate all performance improvements. Feel free to correct me if I missed something.
from react-native-chat-ui.
@demchenkoalex Shopify just released FlashList
- a super fast RLV implementation. Upgrading is actually super straight forward. Is this library still maintained and would you make it possible to define a scrollable?
from react-native-chat-ui.
Hey @hirbod I will definitely use that, atm I am actively developing Flutter counterpart of the lib, but this will be revived at some point as well with tons of features we have on Flutter already + this. Can't give an ETA now, but I am looking forward to bringing back React Native up to speed.
from react-native-chat-ui.
react-native-big-list is indeed not the right package for this. But RecyclerList is a bit painful to setup but is way faster than FlatList. But I would keep my eyes open for the upcoming "react-native-vision-list", which might be a game changer soon :)
from react-native-chat-ui.
I always thought game changer will be Fabric and Turbo Modules :D 🤞 this year. And no dependencies needed :)
from react-native-chat-ui.
React Native Vision List will be some JSI magic ;). I am also waiting patiently for fabric and turbo modules to get rid of these painful lists in RN
from react-native-chat-ui.
Hi @demchenkoalex, just FYI, I forked your project yesterday and just swapped everything related from FlatList to FlashList, and the results are incredibly great, specially on Android. I did it not do it in a usable manner for this library, just in a quick one for my project, so I can't provide a PR but I just wanted to let you know that it is really fast and works great! In order for this to be usable in the future, I would recommend to export a prop to provide a scrollable yourself or for a prop to switch the implementation.
I would also forward the ref to have access to the list and changed some stuff related to LayoutAnimation, all in all it was done in like 25 minutes.
Upload.from.GitHub.for.iOS.MOV
from react-native-chat-ui.
Related Issues (20)
- How to show User avatars & names Please Example..
- [QUESTION]: How to render custom message ? HOT 5
- Any plan on Vue? HOT 2
- 🚨 Before you open a feature request!
- Thank you
- [Expo web] Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
- feat: forward FlatList ref and make automatic scroll disableable
- feat: pass props to renderCustomComponent
- How to disable date header component HOT 5
- How can I load more data when I pull it all out?
- Customize Conversation Background HOT 1
- Please 🙏🏿 I need help, I actullay dont no the props required!!! HOT 2
- User2 messages disappear once User1 replies; setState going wrong? HOT 2
- Any way to "copy" a message (press and hold a bubble to copy its content) HOT 1
- useSyncExternalStore for messages not supported HOT 1
- Chat UI and message box issue on iOS with react native expo HOT 9
- How to disable double check ? HOT 1
- Critical bug when using Headers HOT 1
- ListEmptyComponent renders in a "mirrored" state? HOT 3
- About modifying Avatar HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-chat-ui.