How to create the flutter layouts.

This Article is posted by niebin312 at 12/6/2018 3:09:03 AM



<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>


Tags: layout,listview,ScrollView,Slivers,Stack








1 Comments
Login to comment.
Recent Comments

seven.srikanth at 12/6/2018

Thanks for sharing.. :)

Login to Reply.