ShapeBorder? shape, // 底部弹出框的形状,例如圆角矩形。 Clip? clipBehavior, // 如何裁剪底部弹出框的内容。 BoxConstraints? constraints, // 底部弹出框的布局约束。 Color? barrierColor, // 弹出框背景障碍物(屏幕其余部分)的颜色。 bool isScrollContro
enabled:用于指定ListTile是否可用。 dense:用于指定ListTile是否应该显示紧凑。 contentPadding:用于指定ListTile的内边距。 selectedTileColor:用于指定ListTile被选中时的背景颜色。 shape:用于指定ListTile的形状,例如圆形或矩形。 subtitleTextStyle:用于指定副标题文本的样式。 titleTextStyle:用于指定标题文本的样式。 使用 ...
visualDensity- 定义列表的紧凑程度 shape- 边框的形状 style- ListTile 的 tile 的样式,有两个枚举值 list 和 drawer selectedColor- 选中的颜色,包含 leading, trailing, title, subtile 等 iconColor- icon 的颜色,作用于 leading 和 trailing textColor- 文本的颜色,作用于 title, subtitle, leading 和 trailing。
通常是 Icon 挂件this.isThreeLine=false,// 是否允许 subtitle 能够三行展示,默认值是 falsethis.dense,// 是否是紧密的列表this.visualDensity,// 定义列表的紧凑程度this.shape,// 边框的形状this.style,// ListTile 的 tile 的样式,有两个枚举值 list 和 drawerthis.selectedColor,// 选中的颜色,包含 lead...
constListTile({ Key key,this.leading,//左侧的组件this.title,//中间的主标题this.subtitle,//中间的副标题this.trailing,//右侧组件,通常是一个值或者一个图标this.isThreeLine =false,//是否显示三行this.dense,//是否以垂直密集的方式显示,这样文字会更小this.visualDensity,this.shape,//定义外观形状this....
this.shape, //定义外观形状 this.contentPadding, //内容与边框之间的边距,默认16 this.enabled = true, //是否可以互动事件 this.onTap, //点击事件 this.onLongPress, //长按事件 this.mouseCursor, //鼠标悬停在ListTile上时的处理效果,给web用的 ...
CheckboxListTile 【官方封装组件, 可以作为ListView的<Widget>[]的元素, 具有属性如下所示】 代码语言:javascript 代码运行次数:0 运行 AI代码解释 new CheckboxListTile( value: isChecked, //点击后的回调 onChanged: ((bool value) { print('点击了CheckboxListTile , 选中状态为: $value'); setState(() ...
ListTile 组件有以下常用属性: 3. ListTile的组成元素 前导部分(leading):通常是显示在ListTile左侧的部分,可以是一个图标(Icon)、缩略图(Image)或其他前导元素。 主标题(title):通常是ListTile的主要文本内容,显示在前导部分(如果有的话)的右侧,用于描述列表项的主要信息。
不同的ListTile组件,可以用Divider来进行分割,让界面更加美观。 下面是我们CardApp的代码: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 classCardAppextendsStatelessWidget{constCardApp({Key?key}):super(key:key);@override Widgetbuild(BuildContext context){returnSizedBox(height:210,child:Card(child:Colu...
{ return ListTile( title: Text(list[index]), ); }, )), floatingActionButton: FloatingActionButton( tooltip: 'Increment', child: Icon(Icons.account_box), onPressed: () { print("FloatingActionButton"); }, elevation: 30, ), // This trailing comma makes auto-formatting nicer for build ...