• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Flutter组件之Card

Flutter cps12345 2个月前 (02-24) 49次浏览 0个评论

Card

Card是material风格的卡片控件,Card有较小的圆角和阴影。Card通常用于展示一组信息,比如相册、位置信息等。

基本用法如下:

Card(
  child: Column(
    mainAxisSize: MainAxisSize.min,
    children: <Widget>[
      const ListTile(
        leading: Icon(Icons.album),
        title: Text('老孟'),
        subtitle: Text('一枚有态度的程序员'),
      ),
      ButtonBar(
        children: <Widget>[
          FlatButton(
            child: const Text('OK'),
            onPressed: () {

            },
          ),
          FlatButton(
            child: const Text('非常对'),
            onPressed: () {

            },
          ),
        ],
      ),
    ],
  ),
)

子控件可以是任何Widget,效果如下:

设置其背景颜色及阴影值:

Card(
  color: Colors.blue,
  elevation: 10,
  ...
)

效果如下:

设置控件的形状为圆角矩形:

Card(
  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
  ...
)

效果如下:

喜欢 (0)

您必须 登录 才能发表评论!