Flutter Card、ListTitle
生活随笔
收集整理的這篇文章主要介紹了
Flutter Card、ListTitle
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
It is expected that the. 可望而不可即.
?color 卡片背景顏色
Card(color: Colors.blue.withOpacity(0.4),child: Padding(padding: EdgeInsets.all(30.0),child: Text('FLUTTER CARD'),), )shadowColor 陰影顏色 + elevation 陰影Z坐標(biāo)
Card(color: Colors.blue,elevation: 20.0,shadowColor: Colors.red,child: Padding(padding: EdgeInsets.all(30.0),child: Text('FLUTTER CARD'),), )?
Card(color: Colors.blue,elevation: 40.0,shadowColor: Colors.red,child: Padding(padding: EdgeInsets.all(30.0),child: Text('FLUTTER CARD'),),)?shape 邊框
Card(color: Colors.blue,shape: RoundedRectangleBorder(side: BorderSide(width: 2.0, color: Colors.black)),child: Padding(padding: EdgeInsets.all(30.0),child: Text('FLUTTER CARD'),),)RoundedRectangleBorder? ?圓角矩形邊框
Card(color: Colors.blue,shape: ContinuousRectangleBorder(borderRadius: BorderRadius.circular(10.0),side: BorderSide(width: 2.0, color: Colors.black)),child: Padding(padding: EdgeInsets.all(30.0),child: Text('FLUTTER CARD'),),)?點(diǎn)擊產(chǎn)生圓角擴(kuò)散效果
Card(child: InkWell(splashColor: Colors.red.withAlpha(30),onTap: () {},child: Container(width: 300,height: 100,alignment: Alignment.center,child: Text('可以被點(diǎn)擊的卡片,點(diǎn)擊產(chǎn)生紅色圓角的效果'),),), )?
Card(child: Column(mainAxisSize: MainAxisSize.min,children: <Widget>[const ListTile(title: Text('ListTitle One'),subtitle: Text('ListSubTitle One'),),const ListTile(title: Text('ListTitle Two'),subtitle: Text('ListSubTitle Two'),),const ListTile(title: Text('ListTitle Three'),subtitle: Text('ListSubTitle Three'),),],),),?
參考:Flutter Card?Flutter ListTitle
總結(jié)
以上是生活随笔為你收集整理的Flutter Card、ListTitle的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 零基础学会3DsMax超炫酷战斗机飞行动
- 下一篇: JVM调优:卡表(CardTable)简