Plain text isn't very exciting for your user. In this video, move into the design phase and begin to format the message stream text in your chat app.
to improve the styling. … In particular, we will change both the color … and the alignment of our message bubbles … dependent on the sender. … But there are some other issues that we have to tackle too. … For example, we need to ensure that the hero image … on our registration and login screen … you can see that much of our button … is actually off the screen. … So how can we fix this? … Well we can actually wrap our hero widget … inside a flexible widget. … And what this does is that it says, … well this is the size that it should try to take up, … so about 200 pixels, … but if it can't, then it can be flexible about it … and be smaller, so that other parts of the screen … is visible. … So it's a good idea to wrap our login screen hero … inside a flexible widget as well, … so that we cover that basis too. … So now let's hit save and if we now take a look … at our emulator, you'll notice that our hero widget … which contains our image will actually get smaller … when the keyboard pops up, …
This course was created by London App Brewery. We are pleased to host this content in our library.
- Refactoring routes
- Customizing Flutter animations
- Setting up a Firebase project
- Authenticating users with FirebaseAuth
- Streaming data from Firestore