<p>I write a project about how to write the layout within the Flutter.project: <a href="https://github.com/nb312/flutter_layout">https://github.com/nb312/flutter_layout</a> ;With this project,you can learn as below. - <a href="#rowcolumn">Row&Column </a>- [CrossAxisAlignment]- <a href="#stack">Stack</a>- <a href="#expanded">Expanded</a>- <a href="#padding">Padding</a>- <a href="#page-view">Page view</a>- [ListView]- [Slivers&CustomScrollView]- [SliverPersistentHeader]- <a href="#nested-listview">Nested ListView</a>![](https://fluttercentral.com/Uploads/96a67719-da67-4452-92ee-1227056db733.gifwidth="50%height="auto](</p> <h1 id="crossalignment">CrossAlignment</h1> <p>![](../../Uploads/476ebbdc-8504-4525-9fc9-f3e9a81c31d3.jpgwidth="50%height="auto](</p> <h1 id="expanded">Expanded</h1> <p>![](../../Uploads/9a179d3b-d70c-432e-949a-6ab53423b57d.pngwidth="50%height="auto](</p> <h1 id="font-size-1remsliverpersistentheader.uploads9ab26c9c-e606-4bb1-b2dc-e49d5a785ded.pngwidth50heightauto-listview">font-size: 1rem;](SliverPersistentHeader ![](../../Uploads/9ab26c9c-e606-4bb1-b2dc-e49d5a785ded.pngwidth="50%height="auto](# ListView</h1> <p>![](../../Uploads/a0d4398c-362c-4621-bd96-a7a812b477f3.pngwidth="50%height="auto](![](<a href="https://fluttercentral.com/Uploads/2734fe29-0e45-4f26-8815-bb92827e921d.pngwidth=%2250%height=%22autofont-size">https://fluttercentral.com/Uploads/2734fe29-0e45-4f26-8815-bb92827e921d.pngwidth="50%height="autofont-size</a>: 1rem;](</p> <h1 id="nested-listview">Nested ListView</h1> <p>![](../../Uploads/d880f9f9-b69f-46bb-81ec-9b7561480c06.pngwidth="50%height="auto](</p> <h1 id="padding">Padding</h1> <p>![](../../Uploads/67ee669f-69ce-4a81-9c5c-5684f5386467.pngwidth="50%height="auto](</p> <h1 id="page-view">Page View</h1> <p>![](../../Uploads/e5e65257-70d9-4387-b040-fc9bac10827a.pngwidth="50%height="auto](</p> <h1 id="rowcolumn">Row&Column</h1> <p>![](../../Uploads/a64fcfdf-7299-4743-9383-6a0c36c64737.jpgwidth="50%height="auto](</p> <h1 id="sliver-widget">Sliver Widget</h1> <p>![](../../Uploads/c7b7f645-7968-42e4-a69b-783912ee1b08.pngwidth="50%height="auto](</p> <h1 id="stack">Stack</h1> <p>![](../../Uploads/0845a74f-370d-4ebb-8d85-989ea906351c.pngwidth="50%height="auto](![](<a href="https://fluttercentral.com/Uploads/a85fc4ce-cdd3-4e7d-bd6c-199305520081.pngwidth=%2250%height=%22autofont-size">https://fluttercentral.com/Uploads/a85fc4ce-cdd3-4e7d-bd6c-199305520081.pngwidth="50%height="autofont-size</a>: 1rem;](</p>
How to create the flutter layouts.
This Article is posted by niebin312 at 12/6/2018 3:09:03 AM
Check out our other latest articles
Safearea widget - How to avoid visual overlap with Notch on flutter mobile app?How to convert row of widgets into column of widgets in flutter based on screen size?
How to run Flutter programs from GitHub?
How to get screen orientation in flutter?
NavigationRail example in flutter
Tags: layout,listview,ScrollView,Slivers,Stack
Check out our other latest articles
Safearea widget - How to avoid visual overlap with Notch on flutter mobile app?How to convert row of widgets into column of widgets in flutter based on screen size?
How to run Flutter programs from GitHub?
How to get screen orientation in flutter?
NavigationRail example in flutter