如何创建像 Office 应用程序那样的浮动操作按钮 [Flutter]

Question

我需要创建一个浮动操作按钮，例如 [Office 应用程序中的浮动操作按钮]

这是我的第一个问题，抱歉语法问题

Answer 1

使用堆栈小部件

Stack(
  children:<Widget>[
      ...renderOtherWidgets(),
      FloatingBar()
   ]
);

表示FloatingBar()是带有所有浮动按钮的小部件。以及淡入淡出块。

Answer 2

我不是微软粉丝，因为我的高血压，我正在避免任何微软处女作 :) 但根据你的图片，你可能想使用抽屉之类的东西

Scafold(
    appBar: AppBar(
       title: Text('Example'),
     drawer: Padding(
        padding: const EdgeInsets.all(20.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.end,
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                IconButton(
                  icon: Icon(Icons.category),
                  onPressed: () {},
                ),
                IconButton(icon: Icon(Icons.title), onPressed: () {}),
                IconButton(icon: Icon(Icons.print), onPressed: () {})
              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                IconButton(
                    icon: Icon(
                      Icons.close,
                    ),
                    onPressed: () {}),
              ],
            ),
          ],
        ),
      )
)

您必须根据需要对其进行修改。这只是一个示例

如何创建像 Office 应用程序那样的浮动操作按钮 [Flutter]

How to create a Floating action button like Office application [ Flutter ]

floating-action-button

flutter