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内部。

 

  

 

 

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值