Flutter Card组件

最新推荐文章于 2024-08-01 15:30:00 发布

llayjun

最新推荐文章于 2024-08-01 15:30:00 发布

阅读量169

点赞数

分类专栏： flutter

本文链接：https://blog.csdn.net/llayjun/article/details/109818787

版权

flutter 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

在这里插入图片描述

// Card组件
class CardDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Card(
        color: Colors.red,
        // 卡片的z坐标 阴影的大小
        elevation: 20.0,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(10.0)
        ),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            ListTile(
              leading: Icon(Icons.camera,),
              title: Text('这是一台苹果电脑', style: TextStyle(fontSize: 20),),
              subtitle: Text('配置为16G', style: TextStyle(fontSize: 15),),
            ),
            // 靠右边显示的按钮
            ButtonBar(
              children: [
                FlatButton(
                  child: Text('购买'),
                  onPressed: () {},
                ),
                FlatButton(
                  child: Text('取消'),
                  onPressed: () {},
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}