From the course: Flutter Essential Training: Build for Multiple Platforms

Unlock the full course today

Join today to access over 24,800 courses taught by industry experts.

Structure: Flexible and expanded

Structure: Flexible and expanded - Flutter Tutorial

From the course: Flutter Essential Training: Build for Multiple Platforms

Start my 1-month free trial Buy for my team

Structure: Flexible and expanded

“

- [Instructor] Let's talk about structure now. Look at our current implementation of our app. And do you notice the problem? Our chat input box is scrollable along with our chat bubble list, but ideally it should be sticky along the bottom of the screen, right? So let's suppose we have three ChatBubbles and one ChatInput at the end. But technically only the ChatBubbles should be inside a scrollable component. But currently the ChatBubbles and the ChatInput both are inside the scrollable component. The ChatInput should remain fixed at the end of the parent height, in our case device height. So ChatInput should move out of the ListView here. And since the ListView and the ChatInput is placed one after another in the vertical axis, it should be placed inside another parent widget, Column. So let's code this in Android Studio. So currently we have this ListView. Let's wrap this up with Column. And ListView currently has…

Contents