Comments (19)
Howdy 👋 Just a small design update for the group chat. Will be live soon!
from flutter_chat_ui.
Hi, had a surgery on weekend, still in recovery, will come back to this ASAP
from flutter_chat_ui.
Weekend update: finally this is finished. Started as a request to add pagination and ended up as a complete overhaul of the Chat UI, a major breaking change. I expect this to be a one-off action, without huge and breaking refactors in the future, given that I received a lot of good feedback in a couple of months and tried to implement something + left a room for incremental improvements in the future. New version is available on this branch/PR #41. I still need to prepare the documentation as well as upgrade guide, and test the Firebase with the new UI, which hopefully will not take long. After this is done v1.1 will be released on Pub. Thanks everyone.
from flutter_chat_ui.
Weekend update:
- Pagination is done, just a small issue to be resolved before the merge
- Names and avatars are in the PR, to be reviewed
- Names and avatars will probably have different colors for different users, as suggested above
When everything above is merged, new statuses and update to the ChatTheme
to include more granular settings will be 2 things that left before 1.1
from flutter_chat_ui.
Pagination has been finished and merged to the v1.1 branch.
from flutter_chat_ui.
And here's an update on animations. Working on a pagination (lazy loading) now and @Voidozzer is looking at user names and avatars.
from flutter_chat_ui.
@vijay-anand-wk Hey! As far as we do the majority of work over weekends, I would say the release doesn't come earlier than in 2-3 weeks.
from flutter_chat_ui.
I guess one, because of breaking changes needed to support names and avatars.
from flutter_chat_ui.
Howdy 👋 Just a small design update for the group chat. Will be live soon!
This is looking very clean, love it! Just a recommendation, User names should have different colors assigned to them to quickly identify when a message is coming from the same person. This is how I solved it on another chat project of mine (looking forward to switching over to this one), but of course feel free to find a better approach!
Text(user.displayName,
style: TextStyle(
color: RandomColor(user.displayName.hashCode).randomColor(colorBrightness: ColorBrightness.dark),
),
)
RandomColor
comes from this package: https://pub.dev/packages/random_color
And you can change the colorBrightness
parameter based on whether the current ChatTheme
is dark or light to make everything look good.
from flutter_chat_ui.
Nah, some small stuff :) user names and avatars are merged to a feature branch, but there are a couple of small bugs to be fixed. Statuses and theme changes to go and we are finally done with this long awaited release :)
from flutter_chat_ui.
Awesome, great work! Will this all be in one update or will there be several ones?
from flutter_chat_ui.
Nice!
from flutter_chat_ui.
Hi @demchenkoalex, is there a scheduled date for the release?
from flutter_chat_ui.
Hope it was nothing serious!
from flutter_chat_ui.
@demchenkoalex I noticed on the new branch where you guys are working on this (which is looking great btw!) the shouldRenderTime
property of the Message bubbles is hardcoded to false
. Is there a reason for that? Is there another way to display message time that I'm not finding in that branch?
Here:
flutter_chat_ui/lib/src/widgets/chat.dart
Line 258 in f6b3511
Thanks!
from flutter_chat_ui.
The branch is not ready yet, it will be removed completely. Time is moved to the headers (similar to Facebook Messenger). There will be no time under messages because of the animation issues. In the future we will consider showing time on press (again like in Facebook Messenger) or on swipe (similar to iMessage, Instagram Direct), but it is out of scope for v1.1. Anyway, who needs the exact time when headers will be shown every 15 minutes (again, taken from the Facebook Messenger).
from flutter_chat_ui.
ok, thank you for clarifying... on very active channels though, a LOT of messages can happen in 15 minutes... I'm running into this issue right now, that's why I brought it up haha. I'm building an app for a group with over 4k members. Wasn't aware that Facebook does that... I use WhatsApp and Telegram and they both include a very small timestamp in the bottom right corner (inside the bubble, so it shouldn't mess with animations?). Will be happy to provide a PR after 1.1 is merged to master if you don't see the value in it, and you can check it out at the time.
from flutter_chat_ui.
Weekend update: finally this is finished. Started as a request to add pagination and ended up as a complete overhaul of the Chat UI, a major breaking change. I expect this to be a one-off action, without huge and breaking refactors in the future, given that I received a lot of good feedback in a couple of months and tried to implement something + left a room for incremental improvements in the future. New version is available on this branch/PR #41. I still need to prepare the documentation as well as upgrade guide, and test the Firebase with the new UI, which hopefully will not take long. After this is done v1.1 will be released on Pub. Thanks everyone.
Sweeet!! Do you want feedback on that branch if we find anything? Or wait until it's on Pub? Great work!
from flutter_chat_ui.
Released in v1.1.
from flutter_chat_ui.
Related Issues (20)
- How to add a widget at the top that scrolls with messages? HOT 12
- Messages are not displayed in the correct order. HOT 2
- Header to images. HOT 2
- Bubble re-rendering when update message id HOT 2
- How to disable markdown in text message? HOT 3
- Remain characters being converted when press enter key with Japanese input.
- pumpAndSettle times out when testing chat feature using Patrol library HOT 6
- Please provide example documentation on light/dark custom theming HOT 2
- Should I use inputOptions or customBottomWidget to achieve the effect I need? HOT 3
- Performanec issue, the whole list just got some sort of laggy HOT 3
- Japanease character fixed before conversion HOT 4
- video from url HOT 3
- Expose more properties for customization without overriding everything. HOT 2
- Why work on this whole code, and in the end not enable users to seemlessly change colors, but force them to create entire themes? This is very unpractical. I also have an issue with the send Icon an dhow the keyboard has to be invisible before it shows up. HOT 4
- Image Loading HOT 3
- How to display programming code as colorful and correctly formatted HOT 1
- Duplicate GlobalKey detected in widget tree. HOT 3
- Add select emogi just Like whatsApp, for now its taking default keyboard emoji HOT 1
- Unable to load asset ( icon-send.png). Whenever i try to write something for every letter the new letter goes to newline HOT 3
- Do not scroll to the bottom of long chat response if the message takes more than full screen height. HOT 3
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 flutter_chat_ui.