flutter - 颤振图标不在容器中居中

Question

我试图将图标居中在圆形背景中，但即使我使用中心小部件作为子小部件，它也会失败，除非增加容器大小。

    Container(
                  height: 22,
                  width: 22,
                  decoration: BoxDecoration(
                    shape: BoxShape.circle,
                    color: Color(0xffF7825C),
                  ),
                  child: Center(
                    child: Icon(
                      Icons.add,
                      color: Colors.white,
                    ),
                  ),
                ) 

Answer 1

尝试这个：

             Container(
              alignment: Alignment.center,
              height: 22,
              width: 22,
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                color: Color(0xffF7825C),
              ),
              child: Icon(
                  Icons.add,
                  color: Colors.white,
                  size: 22 
                ),
            ) 

Answer 2

您需要使用size属性设置图标的大小，因此您的图标小部件应如下所示

Icon(
    Icons.add,
    color: Colors.white,
    size: 22
)

Answer 3

也可以用RawMaterialButton，可以这样设置

RawMaterialButton(
              onPressed: () {},
              fillColor: Color(0xffF7825C),
              child: Icon(
                Icons.add,
                size: 22.0,
                color: Colors.white,
              ),
              shape: CircleBorder(),
            )

Answer 4

使用以下内容：

Container(
              height: 22,
              width: 22,
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                color: Color(0xffF7825C),
              ),
              alignment: Alignment.center,
                child: Icon(
                  Icons.add,
                  color: Colors.white,
                ),
              
            )