DecoratedBox

DecoratedBox:用於設置裝飾，給子元素設置背景、邊框、漸變

DecorationedBox:(
  decoration:BoxDecoration(
    color:Colors....,
    image:
    border:Border.all(
      color:Color....,
      width:3.0,
      style:BorderStyle.solid
    ),
    borderRadius:BorderRadius.circular(3.0),
    boxShadow:[
      BoxShadow:()
    ],
    gradient:LinearGradient(
      colors:[
        Color.fromRGBO(3,111,255,1.0),
        Color.fromRGBO(3,121,255,1.0),
      ],
      begin:Alignment.topCenter,
      end:Alignment.bottomCenter

 )
 shape:BoxShape.rectangle(circle) ) )

border:取值

border:Border(
  top:BorderSide(
    color:Colors...,
    width:3.0,
    style:Border.solid
  )
)

border:Border.all(
  color:,
  width:
  style:Border.solid
)

borderRadius:圓角取值

borderRadius:BorderRadius.only(
  topLeft:Radius.circular(12.0),
  ...
)
borderRadius:BorderRadius.circular(12.0)

boxShadow:陰影

boxShadow:[
  BoxShadow:(
    color://陰影顏色
    offset:Offset(12.0,11.0),//偏移位置
    blurRadius:4.0,//陰影模糊程度
    spreadRadius:+-3.0//陰影擴散程度
  )
]