2022年7月19日星期二

Container padding EdgeInsets fromLTRB

 Container(                         

padding: EdgeInsets.fromLTRB(20, 0, 20, 0),


===================

class PaddingTestRoute extends StatelessWidget {

  const PaddingTestRoute({Key? key}) : super(key: key);


  @override

  Widget build(BuildContext context) {

    return Padding(

      //上下左右各添加16像素補白

      padding: const EdgeInsets.all(16),

      child: Column(

        //顯式指定對齊方式為左對齊,排除對齊干擾

        crossAxisAlignment: CrossAxisAlignment.start,

        mainAxisSize: MainAxisSize.min,

        children: const <Widget>[

          Padding(

            //左邊添加8像素補白

            padding: EdgeInsets.only(left: 8),

            child: Text("Hello world"),

          ),

          Padding(

            //上下各添加8像素補白

            padding: EdgeInsets.symmetric(vertical: 8),

            child: Text("I am Jack"),

          ),

          Padding(

            // 分別指定四個方向的補白

            padding: EdgeInsets.fromLTRB(20, 0, 20, 20),

            child: Text("Your friend"),

          )

        ],

      ),

    );

  }

}

沒有留言:

發佈留言