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

定义: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提供了多个属性来定制容器外观,包括:背景色,边框,阴影等。
相关推荐
ZC跨境爬虫3 小时前
跟着 MDN 学CSS day_16:(深入掌握背景与边框的艺术)
前端·css·ui·html·tensorflow
愚者Pro5 小时前
Flutter Widget组件学习(专为 Uniapp 转 Flutter 定制)
vue.js·学习·flutter·uni-app
道里6 小时前
花了 5 万刀用 AI 写代码之后,这是我的全部经验
前端·人工智能
Royzst6 小时前
xml知识点
java·服务器·前端
IT_陈寒6 小时前
React useEffect闭包陷阱差点把我整失业了
前端·人工智能·后端
sweet丶7 小时前
iOS 蓝牙开发深入总结
ios·蓝牙
kyriewen7 小时前
推行AI写代码一年后,Code Review变成了新的加班理由
前端·ai编程·cursor
rocpp7 小时前
Android 相册选择与拍照接入实践:MediaStore 分页、权限适配与 FileProvider
android
前端环境观察室7 小时前
给 Agent Browser Workflow 加一层可观测性:Trace、Snapshot 和 Review Queue
前端
柒瑞8 小时前
Superpowers结合Claude code浅实战
前端