开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Stack Widget中添加多个浮动按钮

问如何在Stack Widget中添加多个浮动按钮
EN

Stack Overflow用户

提问于 2018-06-13 06:06:34

回答 9查看 61.3K关注 0票数 28

使用堆栈Widget在一个视图和另一个视图之间切换。工作很好。现在我需要添加两个浮动按钮左边和右边的屏幕底部。我在右边加了一个按钮，但我不知道怎么在左边加一个浮动按钮。简单如下图所示。

任何帮助都是有价值的

EN

回答 9

Stack Overflow用户

回答已采纳

发布于 2018-06-13 06:16:01

您可以使用Align小部件在Stack中定位您的罗氏。

Stack(
  children: <Widget>[
    Align(
      alignment: Alignment.bottomLeft,
      child: FloatingActionButton(...),
    ),
    Align(
      alignment: Alignment.bottomRight,
      child: FloatingActionButton(...),
    ),
  ],
)

一个按钮使用常量Alignment.bottomLeft作为其alignment属性，另一个按钮分别使用Alignment.bottomRight。

票数 49

EN

Stack Overflow用户

发布于 2019-06-25 05:23:33

，您也可以使用这样的东西，使用位置作为centerDocked，这样您就不会得到奇怪的左对齐。

floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
floatingActionButton: Padding(
  padding: const EdgeInsets.all(8.0),
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: <Widget>[
      FloatingActionButton(
        onPressed: () {},
        child: Icon(Icons.navigate_before),
      ),
      FloatingActionButton(
        onPressed: () {},
        child: Icon(Icons.navigate_next),
      )
    ],
  ),
)

票数 43

EN

Stack Overflow用户

发布于 2020-04-10 10:13:01

不要忘记为每个浮动操作按钮设置"heroTag: null“。否则你会得到一个黑屏幕！

Stack(
  children: <Widget>[
    Align(
      alignment: Alignment.bottomLeft,
      child: FloatingActionButton(
                heroTag: null,
             ...),
    ),
    Align(
      alignment: Alignment.bottomRight,
      child: FloatingActionButton(
                heroTag: null,
             ...),
    ),
  ],
)

票数 15

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50839282

复制

相关文章

Flutter常用widget “Stack”

顾名思义：栈布局，有的文章说是像安卓里面的线性布局，不过这里我觉得更像帧布局吧。构造方法：

坑吭吭

2018/08/31

6270

fastadmin如何在列表的操作中添加其他按钮

fastadmin默认的列表操作中只有编辑和删除按钮，如果我们需要添加其他按钮，需要先找到对应的js文件。我们需要在初始化表格中添加buutons属性，原来的js代码如下：

高久峰

2023/06/03

4.3K0

在 Flutter 中创建可拖动的浮动操作按钮[Flutter专题15]

linux flutter ios android 编程算法

Flutter 允许您使用FloatingActionButton小部件添加浮动操作按钮。但是，它不允许您拖动按钮。如果你想让它可拖动怎么办。本教程有一个示例，说明您需要做什么才能创建浮动操作按钮，只要它位于父小部件内，就可以将其拖动到屏幕周围的任何位置。

徐建国

2021/12/07

5.7K0

在 Flutter 中创建可拖动的浮动操作按钮[Flutter专题15]

博客添加浮动目录

一直都想给自己的博客添加一个浮动的目录，在网上也找也几个，从易用性方面都不是太理想，所以今天才有了想法自己去写一个插件。

付威

2018/12/05

1.1K0

基于 Flutter + 百度人工智能开发出的一款测颜值的 App

flutter 实时音视频移动直播即时通信 IM

正常情况下，一个页面中，通过 floatingActionButton 选项，默认只能渲染一个浮动按钮。如果需要渲染多个浮动按钮，可以通过 ButtonBar 控件来实现，代码示例如下：

徐建国

2021/08/02

2.5K0

基于 Flutter + 百度人工智能开发出的一款测颜值的 App

人脸核身 https 编程算法 http 网络安全

正常情况下，一个页面中，通过 floatingActionButton 选项，默认只能渲染一个浮动按钮。如果需要渲染多个浮动按钮，可以通过 ButtonBar 控件来实现，代码示例如下：

徐建国

2021/08/03

2.6K0

如何在 Flutter 中禁用默认的 Widget 飞溅效果

默认情况下，许多 Flutter Material Design 小部件在被选中时会显示飞溅效果。

徐建国

2021/08/09

2.4K0

flash中按钮添加链接打开网页

btn ：按钮实例名； _blank：打开方式（新窗口打开） fn ：函数名称；

田

2021/11/08

1.2K0

Android：最新版浮动按钮的制作

app icon include layout src

UI设计给我出了个难题：在一个界面上设计一个始终位于屏幕右下角的浮动按钮翻阅好多博客（几乎都是几年前的）：都是说要导入这么一个依赖 compile ‘com.getbase:floatingactionbutton:1.10.1’，结果发现放在2021年早已失效。几经摸索，也没找到最新版Floatactionbutton的正确依赖。

zstar

2022/06/14

9980

Android：最新版浮动按钮的制作

QTableView 添加按钮

这里说一下怎么在QTableView添加一个按钮效果是点击button弹出一个对话框。看一下ButtonDelegate的代码 #ifndef BUTTONDELEGATE_H #define B

lpxxn

2018/01/31

2.5K0

QTableView 添加按钮

每日tips：快速给widget添加圆角

在flutter中如何给widget添加圆角呢？直接在widget的外层包裹一个DecoratedBox 就可以了 DecoratedBox( decoration: BoxDecoration( color: Colors.blue, borderRadius: const BorderRadius.all(Radius.circular(16)), // alternatively, do this: // borderRadius: BorderRadius.c

用户1974410

2022/09/20

5010

【Flutter】Flutter 照片墙 ( Center 组件 | Wrap 组件 | ClipRRect 组件 | Stack 组件 | Positioned 组件 | 按钮组合组件 )

flutter center 博客布局源码

widthFactor ( 宽度因子 ) 和 heightFactor ( 高度因子 ) 用于控制该组件的宽高 , 类型为 double 浮点型 ;

韩曙亮

2023/03/29

8.4K0

【Flutter】Flutter 照片墙 ( Center 组件 | Wrap 组件 | ClipRRect 组件 | Stack 组件 | Positioned 组件 | 按钮组合组件 )

如何在系统中添加字体(添加字体到系统)

java https 网络安全

笔者最近在使用win10自带的OneNote笔记本记笔记的时候，发现笔者电脑中没有华文新魏这个字体，最开始以为是OneNote不带有这个字体，经过一段时间的收集资料后发现，是笔者电脑win10系统中不带有这个字体，现将有关概念和字体安装方法做一下记录。

全栈程序员站长

2022/08/01

4K0

如何在系统中添加字体(添加字体到系统)

winfrom如何在listview中添加控件

private Button btn = new Button(); private void Form1_Load(object sender, EventArgs e) { ListViewItem[] lvs = new ListViewItem[3]; lvs[0] = new ListViewItem(new string[] { "行1列1", "行1列2", "" }); l

码农阿宇

2018/04/18

2.6K0

如何在Hue中添加Spark Notebook

spark git http hive hbase

CDH集群中可以使用Hue访问Hive、Impala、HBase、Solr等，在Hue3.8版本后也提供了Notebook组件（支持R、Scala及python语言），但在CDH中Hue默认是没有启用Spark的Notebook，使用Notebook运行Spark代码则依赖Livy服务。在前面Fayson也介绍了《Livy，基于Apache Spark的开源REST服务，加入Cloudera Labs》、《如何编译Livy并在非Kerberos环境的CDH集群中安装》、《如何通过Livy的RESTful API接口向非Kerberos环境的CDH集群提交作业》、《如何在Kerberos环境的CDH集群部署Livy》、《如何通过Livy的RESTful API接口向Kerberos环境的CDH集群提交作业》、《如何打包Livy和Zeppelin的Parcel包》和《如何在CM中使用Parcel包部署Livy及验证》，本篇文章Fayson主要介绍如何在Hue中添加Notebook组件并集成Spark。

Fayson

2018/11/16

6.8K1

低代码平台amis学习四：一个表单添加多个按钮，不同按钮触发不同请求

当给表单上不同按钮都配置网络请求时，也需要用到api参数，不过需要把它配置到对应的按钮上，如下

冰霜

2023/02/24

2K0

低代码平台amis学习四：一个表单添加多个按钮，不同按钮触发不同请求

7.如何在OpenLDAP中实现将一个用户添加到多个组

github https ssh hive

在前面的文章Fayson讲了《1.如何在CentOS6.5安装OpenLDAP并配置客户端》、《2.OpenLDAP集成SSH登录并使用SSSD同步用户》、《3.如何实现OpenLDAP的主主同步》、《4. 如何为Hive配置OpenLDAP认证》、《5.如何为Impala配置OpenLDAP认证》以及《6.如何为Hue配置OpenLDAP认证》。本篇文章主要介绍如何在OpenLDAP中将一个用户添加到多个组中。

Fayson

2018/03/29

4.8K0

点击加载更多

相似问题

如何在Rails路由中嵌入多个标签，如Stack Overflow

20

如何重建浮动按钮的Widget onpress？

20

如何在ListView中添加浮动按钮

13

如何在shinydashboard中添加浮动按钮

11

如何在PDF中添加浮动按钮？

11

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例