Flutter Card使用

最新推荐文章于 2025-03-10 20:20:29 发布

yechaoa

最新推荐文章于 2025-03-10 20:20:29 发布

阅读量4.9k

点赞数 2

分类专栏： Flutter 文章标签： Card flutter Card flutter borderRadius

本文链接：https://blog.csdn.net/yechaoa/article/details/90483097

版权

Flutter 专栏收录该内容

42 篇文章

订阅专栏

博客展示了Flutter Card的效果及相关代码，涉及Flutter开发中Card组件的应用，能帮助开发者了解其使用方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：
在这里插入图片描述

代码：

      Card(
        elevation: 5,//阴影
        shape: const RoundedRectangleBorder(//形状
          //修改圆角
          borderRadius: BorderRadius.all(Radius.circular(10)),
        ),
        color: Colors.white, //颜色
        margin: EdgeInsets.all(20), //margin
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            const ListTile(
              leading: Icon(Icons.android),
              title: Text('标题'),
              subtitle: Text('副标题'),
              trailing: Icon(Icons.chevron_right),
            ),
            ButtonTheme.bar(
              // make buttons use the appropriate styles for cards
              child: ButtonBar(
                children: <Widget>[
                  FlatButton(
                    child: const Text('选项一'),
                    onPressed: () {
                      /* ... */
                    },
                  ),
                  FlatButton(
                    child: const Text('选项二'),
                    onPressed: () {
                      /* ... */
                    },
                  ),
                ],
              ),
            ),
            Divider(),
            Padding(
              padding: EdgeInsets.all(20),
              child: Text("AAAAAAAAAAAA"),
            )
          ],
        ),
      ),