【问题标题】:Flutter having multiple floatingActionButtonsFlutter 有多个 floatingActionButtons
【发布时间】:2020-04-24 11:19:28
【问题描述】:

我正在尝试在颤振应用程序的页面上设置多个浮动操作按钮,但由于互联网上的说明不清楚,我无法自行解决。我希望浮动操作按钮位于应用程序的右下角。当前代码正确有两个浮动操作按钮,但它们出现在右上角。有人可以让我知道如何做到这一点。谢谢!这是我的当前代码,将两个浮动操作按钮放在右上角,但我希望它们在右下角。

@override
Widget build(BuildContext context) {
  return new Scaffold(
    floatingActionButton: Column(
      children: <Widget>[
      FloatingActionButton(
        heroTag: "btn1",
        child: Icon(Icons.add),
        onPressed: () {
          setState(() {
            list.add(list.length);
          });
        }),
        FloatingActionButton(
          heroTag: "btn2",
          child: Icon(Icons.add),
          onPressed: () {
            setState(() {
              list.add(list.length);
            });
          }),
      ]), //column end

【问题讨论】:

标签: flutter dart


【解决方案1】:

你可以这样使用:

floatingActionButton: Stack(
      children: <Widget>[
        Padding(padding: EdgeInsets.only(bottom:80),
        child: Align(
          alignment: Alignment.bottomRight,
          child: FloatingActionButton(
            heroTag: "btn1",
            onPressed: (){},
            child: Icon(Icons.camera_alt),),
        ),),

        Align(
          alignment: Alignment.bottomRight,
          child: FloatingActionButton(
            heroTag: "btn2",
            onPressed: (){},
          child: Icon(Icons.add_photo_alternate),),
        ),
      ],
      )

【讨论】:

  • 感谢@Lucas Lima da Silva!我做了一个小的更正,但这是正确的答案。
  • 就是这样!谢谢=D
猜你喜欢
  • 2016-10-11
  • 1970-01-01
  • 2021-02-18
  • 1970-01-01
  • 2020-01-20
  • 2021-06-29
  • 2019-02-14
  • 2023-01-15
  • 2020-09-09
相关资源
最近更新 更多