How to create the flutter layouts.

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

I write a project about how to write the layout within the Flutter.project: https://github.com/nb312/flutter_layout ;With this project,you can learn as below. - [Row&Column ]- [CrossAxisAlignment]- [Stack]- [Expanded]- [Padding]- [Page view]- [ListView]- [Slivers&CustomScrollView]- [SliverPersistentHeader]- [Nested ListView]![](https://fluttercentral.com/Uploads/96a67719-da67-4452-92ee-1227056db733.gifwidth="50%height="auto]( # CrossAlignment ![](../../Uploads/476ebbdc-8504-4525-9fc9-f3e9a81c31d3.jpgwidth="50%height="auto]( # Expanded ![](../../Uploads/9a179d3b-d70c-432e-949a-6ab53423b57d.pngwidth="50%height="auto]( # font-size: 1rem;](SliverPersistentHeader ![](../../Uploads/9ab26c9c-e606-4bb1-b2dc-e49d5a785ded.pngwidth="50%height="auto](# ListView ![](../../Uploads/a0d4398c-362c-4621-bd96-a7a812b477f3.pngwidth="50%height="auto](![](https://fluttercentral.com/Uploads/2734fe29-0e45-4f26-8815-bb92827e921d.pngwidth="50%height="autofont-size: 1rem;]( # Nested ListView ![](../../Uploads/d880f9f9-b69f-46bb-81ec-9b7561480c06.pngwidth="50%height="auto]( # Padding ![](../../Uploads/67ee669f-69ce-4a81-9c5c-5684f5386467.pngwidth="50%height="auto]( # Page View ![](../../Uploads/e5e65257-70d9-4387-b040-fc9bac10827a.pngwidth="50%height="auto]( # Row&Column ![](../../Uploads/a64fcfdf-7299-4743-9383-6a0c36c64737.jpgwidth="50%height="auto]( # Sliver Widget ![](../../Uploads/c7b7f645-7968-42e4-a69b-783912ee1b08.pngwidth="50%height="auto]( # Stack ![](../../Uploads/0845a74f-370d-4ebb-8d85-989ea906351c.pngwidth="50%height="auto](![](https://fluttercentral.com/Uploads/a85fc4ce-cdd3-4e7d-bd6c-199305520081.pngwidth="50%height="autofont-size: 1rem;](

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.





© 2018 - Fluttercentral | Email to me - Seven.srikanth@gmail.com