flyerhq / flutter_chat_ui

Actively maintained, community-driven chat UI implementation with an optional Firebase BaaS.
https://flyer.chat
Apache License 2.0
1.6k stars 694 forks source link

Bubble animation #318

Open mohamoha6200 opened 2 years ago

mohamoha6200 commented 2 years ago

Hello , thank you for this awesome project/package. If you would allow me to request a feature, I noticed you're already using AnimatedList for the chat, wouldn't it be cool if we could have the possibility to add an animation to the message bubble appearing after adding a message to the chat area ? a fade/slide/scale animation with a certain duration kind of control would be nice to have don't you think ? Thank you.

henry2man commented 2 years ago

Have you tried to create a custom, animated bubble using Chat.bubbleBuilder?

mohamoha6200 commented 2 years ago

Have you tried to create a custom, animated bubble using Chat.bubbleBuilder?

I haven't at first but I now I just did and managed to achieve the desired behavior, thanks for the eye opener and the awesome package :)

demchenkoalex commented 1 year ago

Sorry just got back. Hmm, I thought we do have an animation? That's why I wanted AnimatedList in the first place..
Screen Recording 2022-10-03 at 00 02 55

mohamoha6200 commented 1 year ago

Yeah the out of the box one isnt bad, I just wanted to add a touch to it and could customize it successfully following the comment above.

On Sun, 2 Oct 2022, 23:04 Alex, @.***> wrote:

Sorry just got back. Hmm, I thought we do have an animation? That's why I wanted AnimatedList in the first place.. [image: Screen Recording 2022-10-03 at 00 02 55] https://user-images.githubusercontent.com/14123304/193478287-bc5a41c7-fca1-462b-be27-52f0d82554e6.gif

— Reply to this email directly, view it on GitHub https://github.com/flyerhq/flutter_chat_ui/issues/318#issuecomment-1264742713, or unsubscribe https://github.com/notifications/unsubscribe-auth/AIZ7GOMFLOOCYC4I7SKKTWTWBIBFHANCNFSM6AAAAAAQNI2YGQ . You are receiving this because you authored the thread.Message ID: @.***>

demchenkoalex commented 1 year ago

well I will gladly accept your "touch" as a PR :) Animation is like this because I did not find anything better than SizeTransition.. sometimes I miss native iOS development. If you're master in Flutter animations you can totally improve this and everyone will benefit from it.