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提供了多个属性来定制容器外观,包括:背景色,边框,阴影等。
相关推荐
岸边的风3 分钟前
vue中mixin的理解,有那些使用场景?
前端·javascript·vue.js
时间sk18 分钟前
CSS——6. 导入样式
前端·css
玩具工匠26 分钟前
字玩FontPlayer开发笔记9 Tauri2打包应用
前端·笔记
健忘已成殇31 分钟前
iOS 本地新项目上传git仓库,并使用sourceTree管理
git·ios·xcode·cocoapods
ii_best31 分钟前
ios脚本巨魔商店多巴胺越狱基本操作教程
ios
Batac_蝠猫35 分钟前
iOS - AutoreleasePool
ios
骆驼Lara41 分钟前
Vue3.5 企业级管理系统实战(一):项目初始搭建与配置
前端·vue.js
黑云压城After43 分钟前
uniapp web-view调整修改高度设置
前端·javascript·uni-app
命运之手44 分钟前
[ Android ] Query If Package is Installed
android·packagemanager·installed
唔6644 分钟前
Android 系统签名 keytool-importkeypair
android