Flutter：有没有办法在容器内添加浮动操作按钮？

Question

Is there a way to add a floating action button inside a container? Or at least achieve a similar effect?

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Padding(
        child: Column(
          children: <Widget>[
            Text('Hello'),
            SizedBox(height: 30),
            Expanded(
              child: Container(
                child: TaskList(),
              ),
            )
          ],
        ),
      ),
    );
  }
}

Ps. I can't use scaffold for a few reasons so don't suggest that.

Answer 1

Yes, you can utilize child property of Container

Container (
    child: FloatingActionButton()
)

Answer 2

You can use Container in floatingActionButton: after Flutter 2.0

floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
floatingActionButton: GestureDetector(
              onTap: (){},
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Container(
                    margin: const EdgeInsets.symmetric(horizontal:15),
                    padding: const EdgeInsets.all(10),
                    decoration: BoxDecoration(
                      color: AppColors.accentColor2,
                      borderRadius: BorderRadius.circular(8)
                    ),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceAround,
                      children: [
                        Column(
                          mainAxisSize: MainAxisSize.min,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: const [
                            Text('Attendence Summary',style: TextStyle(fontWeight: FontWeight.w300,color: Colors.white,fontSize: 12),),
                            Text('Present : 20  | Absentees : 10',style: TextStyle(color: Colors.white,fontSize: 14),),
                          ],
                        ),
                        const Text('Review',style: TextStyle(color: Colors.white),)
                      ],
                    ),
                  ),
                ],
              ),
            )