Как кнопка с плавающим действием размещается по отношению к высоте и ширине экрана во флаттере

Question

Как получить положение кнопки с плавающим действием с помощью медиа-запроса.

Answer 1

Контейнер в виджете floatinACtionButton

api радио экрана: MediaQuery

Например

// floatinButton слева

 floatingActionButton: Container(
    width: MediaQuery.of(context).size.width ,
    height: MediaQuery.of(context).size.height / 8,
    color: Colors.red,
    child: Row(
      children: <Widget>[
        FloatingActionButton(
          onPressed: _incrementCounter,
          tooltip: 'Increment',
          child: Icon(Icons.add , size: 30,),
        ),
        Expanded(child: Container())
      ],
    ),

  ),
  floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
);

// center floatingButton

 floatingActionButton: Container(
        width: MediaQuery.of(context).size.width ,
        height: MediaQuery.of(context).size.height / 8,
        color: Colors.red,
        child: Row(
          children: [
            Expanded(child: Container()),
            FloatingActionButton(
              onPressed: _incrementCounter,
              tooltip: 'Increment',
              child: Icon(Icons.add , size: 30,),
            ),
            Expanded(child: Container())
          ],
        ),

      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
    );

введите описание изображения здесь