首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >固定在每个屏幕上的浮动动作按钮

固定在每个屏幕上的浮动动作按钮
EN

Stack Overflow用户
提问于 2020-10-01 23:56:45
回答 2查看 531关注 0票数 1

如何让浮动操作按钮固定在每个屏幕上?当我改变屏幕时,主屏幕上的浮动操作按钮消失了。有什么办法解决这个问题吗?

谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-10-02 00:07:16

老实说,我不确定这是不是最好的方法,但是...你可以像下面这样定义一个类,并在你想要的每个屏幕中使用它作为你的小部件的父部件,

代码语言:javascript
运行
复制
class MyParent extends StatelessWidget {
  final Widget child;
  const MyParent({Key key, this.child}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        child,
        Positioned(
          bottom: 0,
          left: 0,
          child: FloatingActionButton(
            onPressed: (){},
          ),
        )
      ],
    );
  }
}
票数 2
EN

Stack Overflow用户

发布于 2020-10-02 00:12:08

您可以在这里定义所有的floastingAction按钮,如下所示

代码语言:javascript
运行
复制
floatingActionButton:myFloatingActionButton()

然后在新页面中创建一个小部件,如下所示

代码语言:javascript
运行
复制
FloatingActionButton myFloatingActionButton({here you can add variables if you want a bit different things on every page}){
  return FloatingActionButton(
     child:Icon(Icons.add),//You can make any child,
     //Any customization like colors and all
     onPressed:(){}
);
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64159024

复制
相关文章

相似问题

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