Flutter Card使用

效果：

代码：

      Card(elevation: 5,//阴影shape: const RoundedRectangleBorder(//形状//修改圆角borderRadius: BorderRadius.all(Radius.circular(10)),),color: Colors.white, //颜色margin: EdgeInsets.all(20), //marginchild: 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 cardschild: ButtonBar(children: <Widget>[FlatButton(child: const Text('选项一'),onPressed: () {/* ... */},),FlatButton(child: const Text('选项二'),onPressed: () {/* ... */},),],),),Divider(),Padding(padding: EdgeInsets.all(20),child: Text("AAAAAAAAAAAA"),)],),),

Flutter Card使用相关推荐

Flutter Card、ListTitle
It is expected that the. 可望而不可即. color 卡片背景颜色 Card(color: Colors.blue.withOpacity(0.4),child: Paddin ...
Flutter学习总纲教程
Flutter学习总纲教程 Flutter Widget 目录准备学习Flutter之前,必须要了解(不需要多么精通,但至少要了解)Dart的基础特性. Dart基础特性 · Dart 是 G ...
【Flutter】StatelessWidget 组件 ( Divider 组件 | Card 组件 | AlertDialog 组件 )
文章目录一.Divider 组件二.Card 卡片组件三.AlertDialog 对话框组件四. 相关资源一.Divider 组件 Divider 组件是分割线组件 , 可以设置高度 , 颜 ...
Flutter中AspectRatio、Card 卡片组件
1. AspectRatio 组件 AspectRatio 的作用是根据设置调整子元素 child 的宽高比. AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展,widget 的高 ...
Flutter之Card组件
Card组件是卡片组件,内容可以由列表的widget组成,Card组件具有阴影圆角的功能. 常用属性: 属性说明 margin 外边距 elevation 阴影值的深度 child 子元素 impo ...
Flutter 中 Card 设置圆角
Flutter 中 Card 设置圆角圆角设置非常常用,本文介绍 Card 容器组件的圆角等设置方法. 圆角设置 //shape 设置边,可以设置圆角 shape: RoundedRectangle ...
【Flutter】【widget】【card】卡片组件的使用和练习代码
文章目录前言一.card是什么? 二.使用步骤 1.基础的使用 2.提升总结前言一.card是什么? 卡片组件,可以制作很多卡片类型的widget,比如商品,个人信息卡片等二.使用步骤 1 ...
Flutter组件--卡片效果(card组件)
Card是卡片组件块,内容可以由大多数类型的Widget构成,Card具有圆角和阴影,这让它看起来有立体感. 属性说明 margin 外边距 child 子组件 elevation 阴影值的深度 c ...
Flutter页面布局：Flutter AspectRatio、Card卡片组件、卡片图文列表
1.Flutter AspectRatio组件 AspectRatio 的作用是根据设置调整子元素 child 的宽高比. AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展,wid ...

Flutter Card使用

Flutter Card使用相关推荐

最新文章

热门文章