Как добавить несколько плавающих кнопок в виджет стека во флаттере

Question

В переворачивании одного вида над другим с помощью Stack Widget .Это нормально работает.Теперь мне нужно добавить две плавающие кнопки слева и справа от нижней части экрана.Я добавил одну кнопку справа, но я не знаю, как добавить плавающую кнопку слева.Просто, как на картинке ниже.

Любая помощь будет заметна

Answer 1

floatingActionButton: Stack(
      children: <Widget>[
        Padding(padding: EdgeInsets.only(left:31),
        child: Align(
          alignment: Alignment.bottomLeft,
          child: FloatingActionButton(
            onPressed: picker,
            child: Icon(Icons.camera_alt),),
        ),),

        Align(
          alignment: Alignment.bottomRight,
          child: FloatingActionButton(
            onPressed: picker2,
          child: Icon(Icons.add_photo_alternate),),
        ),
      ],
    )

Answer 2

Вы также можете использовать что-то подобное, используя location в качестве centerDocked, так что вы не получите такого странного выравнивания по левому краю.

floatingActionButtonLocation:
              FloatingActionButtonLocation.centerDocked,
          floatingActionButton: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                FloatingActionButton(
                  onPressed: () {},
                  child: Icon(Icons.navigate_before),
                ),
                FloatingActionButton(
                  onPressed: () {},
                  child: Icon(Icons.navigate_next),
                )
              ],
            ),
          )

Answer 3

Вы можете использовать виджет Align для позиционирования ваших FloatingActionButton в Stack.

Stack(
  children: <Widget>[
    Align(
      alignment: Alignment.bottomLeft,
      child: FloatingActionButton(...),
    ),
    Align(
      alignment: Alignment.bottomRight,
      child: FloatingActionButton(...),
    ),
  ],
)

Одна кнопка использует константу Alignment.bottomLeft для своего свойства alignment, а другая соответственно Alignment.bottomRight.