首页 > 解决方案 > 使用 Flutter 框架的 Container 小部件中的边距和填充有什么区别?

问题描述




class app1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return (MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Hello ',
        home: Material(
          child: Container (
            alignment: Alignment.topCenter ,
            //padding: EdgeInsets.all (30 ),
            margin: EdgeInsets.all(30),
            child: Row(
              children: <Widget> [
                Text ( 'Hello There ' , style: TextStyle (fontSize: 30 ) ),
                ],
              ),
          ),
          ),



          )
    );

  }
}

当我应用边距时我有一个文本小部件,然后应用填充相同的结果?那么有什么不同呢? 在此处输入图像描述

标签: flutterpaddingmargin

解决方案


Padding:是元素到边缘的内部空间

边距:是小部件之间的间距

在此处输入图像描述

在此处输入图像描述


推荐阅读