定义:Container是一个组件,当我们需要对基础组件,设置padding,margin,边框,背景色等元素时,就需要通过包裹Container的方式实现。具体如下:
1.magin属性设置:
Dart
Container(
padding:const EdgeInset.all(10),
child:Text组件,
)
2.padding属性设置:
Dart
Container(
margin:const EdgeInsets.all(10),
child:Text组件/Image组件,
)
3.边框属性设置:
Dart
Container(
decoration:Boxdecoration(
border:Border.all(
color:Color.black,//设置边框颜色
width:4, //设置边框宽度
),
borderRadius:BorderRadiu.circular(10),//设置圆角用
)
)
4.设置背景色:
Dart
Container(
decoration:BoxDecoration(
color:Color.black,//设置背景色为黑色
),
child:Text组件/Image组件,
)
///BoxDecoration提供了多个属性来定制容器外观,包括:背景色,边框,阴影等。