flutter 布局实战01
【摘要】
Size size = MediaQuery.of(context).size;
Padding(
padding: EdgeInsets.symmetric(horizontal...
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TlnCDei8-1614132594266)(https://luckly007.oss-cn-beijing.aliyuncs.com/images/20210224100913.png)]](https://img-blog.csdnimg.cn/20210224101028520.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTMyMDk1,size_16,color_FFFFFF,t_70)
Size size = MediaQuery.of(context).size;
Padding(
padding: EdgeInsets.symmetric(horizontal: size.width * 0.05),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
SizedBox(height: size.height * 0.1),
Center(
child: Text(
'What do you think you\'ll\nmostly use?',
textAlign: TextAlign.center,
style: TextStyle(
fontWeight: FontWeight.bold,
color: Colors.black,
fontSize: 25,
),
),
),
SizedBox(height: size.height * 0.05),
Center(
child: Text(
'Tap on all that apply.This will help us\ncustomize your home page.',
textAlign: TextAlign.center,
style: TextStyle(color: kDarkGreyColor, fontSize: 18),
),
),
SizedBox(height: size.height * 0.05),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ControlButton(
size: size,
title: 'Maintenance\nRequests',
icon: Icons.settings_outlined,
),
ControlButton(
size: size,
title: 'Integrations\n ',
icon: Icons.grain,
),
ControlButton(
size: size,
title: 'Light\nControl',
icon: Icons.highlight,
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ControlButton(
size: size,
title: 'Leak\nDetector',
icon: Icons.opacity,
),
ControlButton(
size: size,
title: 'Temperature\nControl ',
icon: Icons.ac_unit,
),
ControlButton(
size: size,
title: 'Guest\nAccess',
icon: Icons.vpn_key,
),
],
),
SizedBox(height: size.height * 0.05),
DefaultButton(
size: size,
title: "Next",
press: () {
Navigator.push(
context,
CupertinoPageRoute(
builder: (context) => SensorScreen(),
),
);
},
),
SizedBox(height: size.height * 0.05),
],
),
)
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
),
SizedBox(height: size.height * 0.05),
],
),
)
- 1
文章来源: jianguo.blog.csdn.net，作者：坚果前端の博客，版权归原作者所有，如需转载，请联系作者。
原文链接：jianguo.blog.csdn.net/article/details/114011663
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）