一個(gè)類(lèi)似卡片一樣的widget。和Android的CardView效果類(lèi)似惜辑,卡片有略微圓角和陰影。
Card Widget 屬性學(xué)習(xí)
color :容器背景顏色
elevation: Z軸高度疫赎,實(shí)現(xiàn)陰影效果盛撑。
shape :定義容器的形狀
margin:外邊距
clipBehavior:剪切內(nèi)容的方式
body: Container(
alignment: Alignment.topCenter,
margin: EdgeInsets.only(top: 10.0),
child: SizedBox(
width: 400.0,
height: 200.0,
child: Card(
color: Colors.blue,
elevation: 30.0,
child: Padding(
padding: EdgeInsets.all(
14.0,
),
child: Column(
children: <Widget>[
Row(
children: <Widget>[
CircleAvatar(
backgroundImage: NetworkImage(
"https://avatars3.githubusercontent.com/u/7410469?s=460&v=4"),
radius: 24.0,
),
Container(
margin: EdgeInsets.only(left: 10.0),
child: Text(
"提莫",
style:
TextStyle(color: Colors.white, fontSize: 20.0),
),
),
],
),
Container(
margin: EdgeInsets.only(top: 30.0),
child: Text(
"Never Stop Thinking...",
style: TextStyle(color: Colors.white, fontSize: 30.0),
),
),
Container(
alignment: Alignment.bottomRight,
margin: EdgeInsets.only(top: 30.0),
child: Text(
"2019年1月11日15:47:35",
style: TextStyle(color: Colors.white, fontSize: 14.0),
),
),
],
),
),
),
),