Question

我在bottomNavigationBar中添加了一个浮动动作按钮。默认位置应在右下角，但我的位置仍在中心。

我尝试使用此floatingActionButtonLocation: FloatingActionButtonLocation.endFloat, 但FAB仍位于中间屏幕。

这是我在屏幕上的完整代码：

Widget build(BuildContext context) {
return Scaffold(
  appBar: PreferredSize(
    preferredSize: Size.fromHeight(55.0),
    child: CustomAppBar(title: 'Customers (2)',),
  ),
  drawer: Theme(
    data: Theme.of(context).copyWith(
        canvasColor: Colors.white
    ),
    child: MyDrawer(),
  ),
  body: Container(
    padding: EdgeInsets.all(15.0),
    decoration: BoxDecoration(color: Colors.white),
    child: SingleChildScrollView(
      child: Column(
        children: <Widget>[
          Row(
            children: <Widget>[
              FaIcon(FontAwesomeIcons.search, color: Colors.greenAccent,),
              SizedBox(width: 15.0,),
              Text("Search Customers"),
            ],
          ),
        ],
      ),
    ),
  ),
  bottomNavigationBar: FloatingActionButton(
    child: FaIcon(FontAwesomeIcons.plus),
    backgroundColor: Colors.greenAccent,
    foregroundColor: Colors.white,
    splashColor: Colors.black,
    onPressed: () {
    },
  ),
  floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
);
}

有什么办法解决这个问题吗？

Answer 1

替换：

bottomNavigationBar: FloatingActionButton(...)

具有：

floatingActionButton: FloatingActionButton(...)

Flutter浮动操作按钮位置问题

1 个答案: