Flutter常用的widget

1、SafeArea  留出来刘海和底部的安全区域,很好的解决刘海屏兼容问题。

2、SizedBox  可以具体设置尺寸的控件。 child 属性不为null时,如果设置宽高,则强制显示宽高,如果没有设置,则自适应。

3、Card  一个Material的卡片,拥有边角和阴影。

      常用属性:

      color:    设置卡片的背景颜色。

      elevation:   控制下方阴影的大小。

      shape: 设置边的样式或者角的形状。

               如:RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(20.0))

      margin: 卡片的距离周边的距离,类似于  css中的margin。

4、Column | Row    垂直方向排布widget列表,横向排布widget列表。

     常用属性:

     mainAxisAlignment:主轴上的排布。  默认值为MainAxisAlignment.start。

            【 center  |   end  |    spaceBetween  |    spaceAround  |   spaceEvenly  |  start   】

     crossAxisAlignment:交叉轴(竖轴)上的排布。

            【 baseline   | center  |   end  |  start   |   stretch 】

5、Divider   高度为一像素的水平分割线

6、Expanded  可以使Row,Column、Flex等,子组件在其主轴上展开并填充可用空间,撑开父组件。必须使用在Row,Column,Flex内部。

 

  

 

 

 

你可能感兴趣的:(技术分享)