Flutter 设置控件padding、margin

阅读 75

2022-01-27

Flutter 设置控件padding、margin

//使用padding包裹控件
Padding(
   padding: const EdgeInsets.all(20),//统一设置四边距离
   child: Text('content')
)

Padding(
   padding: const EdgeInsets.only(left,top,right,bottom),//分开设置四边距离
   child: Text('content')
)
//使用Container包裹控件
Container(
  padding: const EdgeInsets.all(30),
  margin: const EdgeInsets.all(20),
  child:Text('content')
)
//使用SizedBox填充的方式增加距离
 Column(
	 child:[
	 	Text('我是第一行'),
	 	SizedBox(height:20,with:40),//分割控件填充
	 	Text('我是第二行行'),
	 	SizedBox(height:20,with:40),//分割控件填充
	 ]
 )

精彩评论(0)

0 0 举报