Flutter - Alert Dialog Align-AnimatedAlign【flutter专题16】
2023-04-18 14:39:59 时间
今天给大家带来三个组件,直接贴代码,大家可以运行查看
Flutter - Alert Dialog
Future<void> _neverSatisfied() async {
return showDialog<void>(
context: context,
barrierDismissible: false, // tap on button!
builder: (BuildContext context) {
return AlertDialog(
title: Text('Rewind and remember'),
content: SingleChildScrollView(
child: ListBody(
children: <Widget>[
Text('Flutter Title.'),
Text('Flutter Message for the Dialog.'),
],
),
),
actions: <Widget>[
FlatButton(
child: Text('Regret'),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
},
);
}
Flutter Align Widget
Container(
height: 120.0,
width: 120.0,
color: Colors.blue[50],
child: Align(
alignment: Alignment.topRight,
child: FlutterLogo(
size: 60,
),
),
)
Flutter - AnimatedAlign Widget
AlignmentGeometry _alignment = Alignment.topRight;
void _changeAlignment() {
setState(() {
_alignment = _alignment == Alignment.topRight ? Alignment.bottomLeft : Alignment.topRight;
});
}
@override
Widget build(BuildContext context) {
return Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Container(
height: 120.0,
width: 120.0,
color: Colors.blue[50],
child: AnimatedAlign(
alignment: _alignment,
curve: Curves.ease,
duration: Duration(seconds: 3),
child: FlutterLogo(
size: 60,
),
),
),
FlatButton(
onPressed: () {
_changeAlignment();
},
child: Text(
"Click Me!",
),
)
],
);
}
相关文章
- Hi3861的SAMGR--系统服务框架子系统-1
- 9.3k Star!一个开源的现代化 Windows 文件管理器!
- HarmonyOS中建议的通用间隔参数
- 运用“大数据”保行车安全
- 弹窗广告疯狂骚扰用户,Edge浏览器也变成“流氓软件”了?
- 大数据要牢记的5大经验教训
- 大数据的进击:从占领IT部门到争取业务人员的芳心
- 为什么我在 Linux 上不再使用 ls 命令
- 内核系统调用的实现和互斥机制
- 消息称微软6月24日发布全新Windows:十年来最重大变革
- 大数据分析师“钱途”无量
- AlmaLinux:CentOS替代系统已获得商业支持
- 备受好评的功能再改进!教你打开Edge隐藏功能
- 这也能出Bug?微软承认Windows 10存在问题:重要文件会被损坏
- 推动安全浏览:微软为Edge浏览器引入自动HTTPS切换功能
- 大数据时代 企业须打好信息资源整合攻坚战
- 20 个最重要的 DevOps 面试题
- Linux 终端复用神器 Tmux 使用详解,看完可以回家躺平了~
- 超越安卓?今晚揭晓 鸿蒙发布会的十大预测
- 从大数据谎言中区分实际需求