如何使图像占据抖动中浮动 动作按钮中的全部可用空间

Question

我正在尝试在浮动操作按钮中添加一个图像，这很容易做到，但是我面临的问题是我不知道如何使该图像占据浮动操作按钮中的全部可用空间...我尽力在互联网上尽力而为，但是没有任何帮助...感谢任何帮助，谢谢

floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
floatingActionButton: Container(
height: MediaQuery.of(context).size.width * 0.24,
width: MediaQuery.of(context).size.width * 0.24,
child: FloatingActionButton(
//backgroundColor:Colors.lightGreen,
child: Image.asset("assets/home_unselected.png"),
onPressed: () {}),
),

Answer 1

您可以使用CircleAvatar小部件并将所需的图像作为backgroundImage传递，并为其提供自定义radius，如下所示：

child: FloatingActionButton(
            child: CircleAvatar(
              radius: 50,
              backgroundImage: AssetImage("assets/placeholder.png",
              ),
            ),
            onPressed: () {}),

希望这能回答您的问题。

Answer 2

[您是否尝试过将“ Image”小部件与“ Expanded”小部件变形？

尽管不确定。