Flutter Story: Improve ListView Rendering

Подписаться 6 тыс.

Просмотров 3,5 тыс.

50% 1

Join us in the first Stream Flutter Story where we discus how you can improve the rendering performance of Flutter ListViews when reposition items in a list. This is perfect for a chat application where the ListView is reversed and newer messages appear at the top of the list.
Stream Flutter Tutorial: gstrm.io/getting-started-flutter
Gordon's Twitter: / gordonphayes
Stream's Twitter: / getstream_io
Timestamps:
0:00 Intro
0:55 Simplified Example
2:28 Highlight Repaints
3:13 Reversed List
4:18 Unnecessary Repainting
4:53 findChildIndexCallback

Опубликовано:

6 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 14

@metamodern7648 Год назад

You've posted this a year ago but still it's worth noting that git comparison way of showing what changed is AWESOME. I hope you kept this style of explaining stuff🤌thank you

@seddikboukhalfa5034 Год назад

This video was very helpful and precise, thank you so much for sharing.

@aytunch 2 года назад

Superb tutorial. I hope you can make more in depth Flutter UI/performance optimization videos in the future. I watched your Vikings talk and it was nice but a more in-depth version of that talk divided in to parts would help the community a lot. Thanks Gordon.

@streamdevelopers 2 года назад

Thanks for the kind feedback 🤗. Performance is something I always enjoy talking about, and you have a good idea to split it into smaller chunks. Will keep this in mind 🧐

@rohantaneja Год назад

Very useful, thanks Gordon!

@streamdevelopers Год назад

You're welcome! - Gordon

@huytruonghung4374 2 года назад

Thank for this amazing tip, I'm working on a chat module so it's really helpful to me

@streamdevelopers 2 года назад

You're welcome!

@ok_roman 4 часа назад

Is this still actual issue in Flutter 3.22?

@atcore1595 2 года назад

when the next video of chat app?? So great work, you're te best? Can you add groups fucntionality and push notifications and videocall and send images,location and audio

@streamdevelopers 2 года назад

Thanks for all the great ideas! We are busy planning out what we will make next. At some point we will have all of this, it may be a different series, or stand alone videos. But we will make sure that they are easy to follow along.

@atcore1595 2 года назад

and stories function

@devanshudhanorkar1415 Год назад

here why is it necessary to take the chats with a list that is reversed and the index is also reversed? isnt it cancelling the effect of reverse=true?

@sukhmandersingh4306 10 месяцев назад

reverse=true indicates that scrolling will start from the bottom of the screen which is how most chat apps work, on top of that we don't want new messages to be added to top of the list(as now scroll is from bottom to top), so logic is changed to reverse the index as well. This creates the problem of re rendering all items in the list, this video addresses that problem.