Как создать кнопку с плавающим действием, например, приложение Office [Flutter]

Question

Мне нужно создать плавающую кнопку действия, например [Плавающая кнопка действия в приложении Office]

Это мой первый вопрос, извините за грамматику

Answer 1

Я не фанат Microsoft, на самом деле я избегаю всего, что делает Microsoft, из-за моего высокого кровяного давления :), но согласно вашей фотографии вы, вероятно, захотите использовать что-то вроде ящика

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

Вы будете должны изменить его в соответствии с вашими потребностями. Это всего лишь образец

Answer 2

использовать виджет стека

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

означает FloatingBar () - это виджет со всеми плавающими кнопками. и с блоком Fade.