首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何让一个方形的应用程序栏按钮在颤动?

如何让一个方形的应用程序栏按钮在颤动?
EN

Stack Overflow用户
提问于 2020-10-25 23:55:25
回答 2查看 172关注 0票数 0

我想知道如何制作一个像图片中那样的App Bar操作按钮。在图标上添加背景或包装小工具似乎无法实现下图中按钮的外观。

EN

Stack Overflow用户

回答已采纳

发布于 2020-10-26 00:18:33

我演示了您要实现的目标:

代码语言:javascript
运行
复制
  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 ...

结果:

票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64525713

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档