Flutter Floating Action Button位置问题

Question

I have added a floating action button in the bottomNavigationBar. The default location should be on the bottom right, but mine stays at the center.

I have tried using this floatingActionButtonLocation: FloatingActionButtonLocation.endFloat, but the FAB still resides at the center screen.

Here is my full code of the screen:

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,
);
}

Any idea how to solve this?

Answer 1

Replace:

bottomNavigationBar: FloatingActionButton(...)

with:

floatingActionButton: FloatingActionButton(...)