如何创建类似 Office 应用程序的浮动操作按钮 [ Flutter ]

Question

I need to create a floating action button like [Floating action button in Office application]

It's my first question, sorry about the grammar

Answer 1

I'm not a Microsoft fan actually I'm avoiding anything Microsoft maiden because of my high blood pressure :) but according to your picture you probably want to use something like drawer

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: () {}),
              ],
            ),
          ],
        ),
      )
)

You will have to modify it to your needs. This is just a sample

Answer 2

use Stack widget

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

means FloatingBar() is the widget with the all floating buttons. and with Fade block as well.