使用 Flutter 框架的容器小部件中的边距和填充有什么区别？

Question




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 ) ),
                ],
              ),
          ),
          ),



          )
    );

  }
}

我有一个文本小部件，当我应用边距和之后应用填充相同的结果？那有什么不同呢？

Answer 1

边距是小部件周围的 space。例如，从容器的边缘到phone屏幕的边缘。

填充是小部件中的 space。例如，从容器的边缘到其中的文本。

观看来自 flutter 团队 0:40 的这段视频，快速了解一下。 https://api.flutter.dev/flutter/widgets/Container-class.html

Answer 2

padding: 是元素的内部space到边缘

边距：是小部件之间space的总和

Answer 3

简单方法：

**填充是 Space 周围意味着在容器中。

边距是 Space outside 表示容器的外侧**

使用 Flutter 框架的容器小部件中的边距和填充有什么区别？

what the difference between margin and padding in Container widget using Flutter framework?

margin

padding

flutter