如何让一个方形的应用程序栏按钮在颤动？
如何让一个方形的应用程序栏按钮在颤动？
提问于 2020-10-25 23:55:25
我想知道如何制作一个像图片中那样的App Bar操作按钮。在图标上添加背景或包装小工具似乎无法实现下图中按钮的外观。
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-10-26 00:18:33
我演示了您要实现的目标：
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.green,
title: Text(
'Title',
),
centerTitle: true,
actions: [
// squared button/icon
Padding(
padding: const EdgeInsets.only(right: 20.0, top: 10.0, bottom: 10.0),
child: Container(
width: 35,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8.0),
color: Colors.white.withOpacity(0.5),
),
child: Center(
child: Icon(
Icons.settings,
color: Colors.white,
),
),
),
),
],
),
body: .... YOUR WIDGETS ...结果：
Stack Overflow用户
发布于 2020-10-26 00:14:13
您可以在Container中使用width和heigth相等的Icon (因此您可以获得一个正方形)，然后可以使用BorderRadius对其进行舍入以获得该效果。
当然，您应该使用Container的color属性来填充背景。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64525713
复制相关文章
相似问题
腾讯云开发者
