相对于 SnackBar 和 BottomSheet,Dialog 的使用场景相对会更多,在 MaterialDesign 下,Dialog 主要有 3 种:AlertDialog,SimpleDialog 和 AboutDialog,当然在 Cupertino 风格下也有相应的 Dialog,因为这个系列以 MaterialDesign 风格为主,所以 Cupertiono 等下次有时间再写吧。 AlertDialog 在ListView 中增加一个 AlertDialog...
PopupMenuButton 菜单按钮 PopupMenuButton({ Key? key, required this.itemBuilder, // itemBuilder this.initialValue, // 初识选中值 this.onSelected, // 选中某项后回调,参数为选中值 this.onCanceled, // 取消后回调 this.tooltip, this.elevation, this.padding = const EdgeInsets.all(8.0), this....
import'package:flutter/material.dart';//应用启动voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{// 这个App的根Widget@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(title:'FlutterDemo',//应用名theme:ThemeData(// 这个应用的主题/// 你用 "flutter run"运行这个应用,你将看到一个...
新建一个 ExpandPopupMenuDivider 类 同样也去继承 PopupMenuEntry 类, 然后添加我们的颜色属性。 import'package:flutter/material.dart';constdouble_kMenuDividerHeight=16.0;classExpandPopupMenuDivider<T>extendsPopupMenuEntry<T>{/// Creates a horizontal divider for a popup menu./// By default, the divider...
dividerColor -Dividers和PopupMenuDividers的颜色,也用于ListTiles中间,和DataTables的每行中间. errorColor - 用于输入验证错误的颜色,例如在TextField中。 highlightColor - 用于类似墨水喷溅动画或指示菜单被选中的高亮颜色。 hintColor - 用于提示文本或占位符文本的颜色,例如在TextField中。
作者其他创作 大纲/内容 常用组件 Container 容器组件 key KeyContainer唯一标识符,用于查找更新 alignment AlignmentGeoMetry控制child的对齐方式,若Container或Container父节点尺寸大于child的尺寸,这个属性会起作用 padding EdgeInsertsGeometryDecoration内容空白区域,若有child,child位于padding内部 ...
6. 弹出菜单按钮:PopupMenuButton组件 官方文档位置:https://api.flutter.dev/flutter/material/PopupMenuButton-class.html 在本节中,我们将介绍Flutter中的PopupMenuButton组件,包括创建PopupMenuButton、设置PopupMenuButton样式、设置PopupMenuButton点击事件以及自定义PopupMenuButton菜单项等内容。
按钮RaisedButtonMaterial Design中的button, 一个凸起的材质矩形按钮FloatingActionButton一个圆形图标按钮,它悬停在内容之上,以展示应用程序中的主要动作。FloatingActionButton通常用于Scaffold.floatingActionButton字段。FlatButton一个扁平的Material按钮IconButton一个Material图标按钮,点击时会有水波动画PopupMenuButton当菜单...
actions:一个 Widget 列表,代表 Toolbar 中所显示的菜单,对于常用的菜单,通常使用 IconButton 来表示;对于不常用的菜单通常使用 PopupMenuButton 来显示为三个点,点击后弹出二级菜单 bottom:一个 AppBarBottomWidget 对象,通常是 TabBar。用来在 Toolbar 标题下面显示一个 Tab 导航栏 ...
PopupMenuButton:设置弹出的框子类似popupWindow 5.StatelessWidget 静态组件 实例 Text组件显示一个文本信息 import 'package:flutter/material.dart';voidmain() =>runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) {returnCenter( ...