2022年9月7日 星期三

Flutter學習-11 padding

 padding這個Widget,可以調整父容器與子物件的內部距離。

(1)EdgeInsets.fromLTRB(double left, double top, double right, double bottom)
指定四個邊界如何填充。四個邊界都要指定。

Padding( 
 padding: EdgeInsets.fromLTRB(20, 0, 20, 20), 
child: Text("測試內距的文字"), )


(2)EdgeInsets.only({left, top, right ,bottom })
指定四個邊界的內距:可以分開指定左、上、右、下。

Padding( 
 padding: EdgeInsets.only(left:8), 
child: Text("測試內距的文字"), )


(3)EdgeInsets.symmetric({ vertical, horizontal })

指定上下vertical,或左右horizontal的內距。

Padding( 
 padding: EdgeInsets.symmetric(vertical: 8), 
child: Text("I am Jack"), ),


(4)EdgeInsets.all(double value) 
同時指定所有方向的內距。

Padding( 
 padding: EdgeInsets.all(16), 
child: Text("I am Jack"), ),

沒有留言:

張貼留言