Flutter Container设置padding，margin，背景色，边框

冯旭_Android2024-12-02 17:17

定义：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提供了多个属性来定制容器外观，包括：背景色，边框，阴影等。