!youtube[_rnZaagadyo] Almost every Flutter layout uses rows and columns, and they're pretty cool. They can hug their children tightly or spread them out and relax. But what if you'd like one of those children to stretch and fill the extra space? Just wrap it in an Expanded widget, and watch it grow. When a row or column lays out its children, it does the inflexible ones first. Then it divides the remaining space among the flexible ones, like Expanded. You can even set a flex factor,

!youtube[lkF0TQJO0bA] On today's devices, apps rarely get a neat little rectangle to run in. Notification bars and controls can creep in, and rounded corners and notches nip at your content, complicating layouts. That's why Flutter has SafeArea. It uses a MediaQuery to check the dimensions of the screen and pads its shell to match. So if your app looks like this, wrap it in a SafeArea, and keep your contents safe on both iOS and Android. You can even specify which dimensions you care about,