flutter 基础笔记

1 修改text的位置

可以通过Container来包裹Text :

Container(
  padding: const EdgeInsets.only(right: 5.0),
  child: Text(
    '41',
  ),
),

这样,就可以通过修改padding来修改Text的位置了

Text组件的背景色修改:通过给Text外包一层Container,然后改变Container的decoration:属性 decoration:Boxdecoration(colors:Colors.white),

MainAxisAlignment : 子widget对齐方式   

2 您可以控制行或列如何使用mainAxisAlignment和crossAxisAlignment属性来对齐其子项。 对于行(Row)来说,主轴是水平方向,横轴垂直方向。对于列(Column)来说,主轴垂直方向,横轴水平方向。

 

Row Column 对齐方式:

Row 中设置mainAxisAligment 的属性为

spaceEvenly :      |--widget1--widget2--widget3--|

spaceBetween:   |widget1----widget2----widget3|

spaceAround:     |-widget1--widget2--widget3-|

Column设置crossAxisAligment属性值为start会将列中的子项左对齐

 

3  添加图片 

flutter 基础笔记_第1张图片修改这两处,注意图片的类型保持一致

4 Stack 用来制作重叠widget     左上角为(-1,-1),右下角为(1,1)

 

你可能感兴趣的:(Flutter)