如何在Flutter中的2个小部件之间放置FAB？

Question

我想实现以下外观：

如何使FAB灵活地定位在这两个小部件之间？ （在顶部个人资料图片和底部个人资料信息之间）

我设法制作了两个容器，但是我对如何将FAB放置在它们的精确水平边界上一无所知。

我的代码（这是整个小部件树，包裹在脚手架中：

Row(
    children: <Widget>[
        Expanded(
        child: Column(
            children: <Widget>[
            Expanded(
                flex: 4,
                child: Container(
                    decoration: BoxDecoration(color: Colors.grey.shade300),
                ),
            ),
            Expanded(
                flex: 6,
                child: Container(),
            ),
            ],
        ),
        ),
    ],
),

Answer 1

您可以根据需要一起使用Stack＆Positioned小部件来放置FAB。

Stack(children:[
  Row(
    children: [
        Expanded(
        child: Column(
            children: <Widget>[
            Expanded(
                flex: 4,
                child: Container(
                    decoration: BoxDecoration(color: Colors.grey.shade300),
                ),
             ),
             Expanded(
                 flex: 6,
                 child: Container(),
             ),
           ],
         ),
       ),
     ],
   ),
   Positioned(
     child: FloatingActionButton(
       onPressed:(){},
       child: Icon(Icons.camera_alt)
     ),
     right: 5,
     top: MediaQuery.of(context).size.height * .3,
   )
  ],
),

和输出：