目前Flutter是当下最为热门的跨平台开发框架，Flutter的组件非常的多，有几百个，我们不可能都熟悉了之后再去写项目，我一般学习新的技术或者学习，花1个小时学习一下基本语法，然后从编写UI开始，再学习使用一些第三方库，基本上就能上手了，今天总结一下Flutter上开发UI的几种重要技巧
Flutter核心主要几种组件：
1、Scaffold定义了一个 UI 框架，这个框架包含 头部导航栏，body，右下角浮动按钮，底部导航栏等；
2、Container在Flutter中用的非常多，两个重要属性：constraints（边界约束），decoration：背景、边框、圆角、阴影等；
3、Padding在Flutter中也是一个组件，可以单独作为父组件来设置；
4、Row和Column是通过设置多个child来决定子组件是水平布局还是垂直布局
5、Stack是层叠布局，在iOS是通过frame来设置位置，与Android中FrameLayout类似，默认在左上角位置，Positioned(top:200,right:100来设置位置；
6、CustomScrollView、ListView、GridView是非常常见的界面主组件的，几乎每个界面都会被这三个组件来嵌套；
小技巧：因为Flutter的嵌套的写法一开始会非常不适应，往往会要在当前组件再去用一个组件作为父组件，在AndroidStudio中有一个快捷操作，按Alt+Enter，会有一个快速插入父组件的操作，如图常见的布局组件：
网友评论