1. 程式人生 > >flutter 基礎筆記

flutter 基礎筆記

1 修改text的位置

可以通過Container來包裹Text :

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

這樣,就可以通過修改padding來修改Text的位置了

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  新增圖片 

修改這兩處,注意圖片的型別保持一致