-2

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


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

4

4 回答 4

4

尝试这个:

             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 
                ),
            ) 
于 2021-01-29T06:48:16.020 回答
1

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

Icon(
    Icons.add,
    color: Colors.white,
    size: 22
)
于 2021-01-29T06:22:40.147 回答
1

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

RawMaterialButton(
              onPressed: () {},
              fillColor: Color(0xffF7825C),
              child: Icon(
                Icons.add,
                size: 22.0,
                color: Colors.white,
              ),
              shape: CircleBorder(),
            )
于 2021-01-29T06:45:44.927 回答
-2

使用以下内容:

Container(
              height: 22,
              width: 22,
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                color: Color(0xffF7825C),
              ),
              alignment: Alignment.center,
                child: Icon(
                  Icons.add,
                  color: Colors.white,
                ),
              
            ) 
于 2021-01-29T06:24:21.083 回答