On an Android phone, a quick click on an input field instantly pops up and hides the keyboard

So what if I wanna create two buttons in a row, one with a facebook image logo and a text "Facebook" and the other with a Google logo and the a text "Google"... any help please

I restarted this particular project so I learn on my own but now the HINT TEXT does not seem to appear, I cannot find any of the hint text on any of the text boxes

Just wanted to state that my final chat_screen code is exactly identical to your final project but the sorting of messages isn't working as intended - both on the emulator and on my Galaxy S8+. See screenshots below. There's something very odd happening here.

Will try and fix it on my own and report back here.

I've included a number (1-8) either at the beginning or at the end of the chat message to allow you to follow message post chronology.

Emulator:

Galaxy S8:

I am wondering Is there any way to show notification to other users as soon as a new message is sent? I have searched almost all the places but couldn't get the solution.

Hey all,
Firebase's API for flutter has changed the way developers integrate Flutter applications with Firebase. So exist a migration guide to help with updating existing and new projects for Flash chat.
Please check it out: Migration Guide

About me, I had to do a call to Firebase.initializeApp(); in order to run successuful.

final messageText = message.data['text'];
it says the operator [] isnt defined for the object pls help

It seems that the default order of documents in Firebase is by their ID instead of their creation date. So just reversing the order of messages doesn't do it (anymore). Maybe the messages need a third field with their creation date, so the client can then sort them by that date.

I/flutter (20515): 16.6679
I/chatty (20515): uid=10156(co.appbrewery.flash_chat) 1.ui identical 1 line
I/flutter (20515): 16.6679

Thanks a lot for your tutorial, Ms. YU. I really learned a lot from these tutorials. But there's just this one problem. Every time I click on the keyboard it doesn't flex the inputs and the image and go up as it did for you. I used the hero widget inside the flexible but it just doesn't work. It also didn't overflowed. It just didn't show the lower content as it did for you.
Any help from anyone will be much appreciated.
Thanks in Advance.

In the chat screen, after the user has sent a message, the textField became empty, which is right for now, but if the user hits the send button again, it will send the last message.

It is because the messageText is not set to empty string after last message is sent.

This problem can also be fixed by refactoring like this Pull Request do.

final messages = snapshot.data.docs;
it crashes because docs can be null , any solution ? , i tried to add null check like this : snapshit.data.!docs; but still the same problem

.reversed is not working for some reason and the messages still appear in a strange order. Rather what should be done is create a Timestamp field along with text and sender. The timestamp can then be used to order the messages using orderBy('time': descending: false)

Here is the code

TypewriterAnimatedTextKit( text: ['Flash Chat'], textStyle: TextStyle( fontSize: 45.0, fontWeight: FontWeight.w900, ), ),

I've fixed it by writing the setState outsite of the try catch

Hello,
Thanks for your lesson.
I can't run the project on my Android device and the emulator. The app runs and splashes and stops. There is no error message on the Run console, the log is like:

Launching lib/main.dart on Redmi Note 5 in debug mode...
Running Gradle task 'assembleDebug'...
✓ Built build/app/outputs/apk/debug/app-debug.apk.
Installing build/app/outputs/apk/app.apk...

Please have a look, thanks.