Flutter:-在图标周围创建圆形边框

问题描述 投票:0回答:1

我想在图标周围创建圆形边框,如图所示。“布局”

Container(
              margin: EdgeInsets.all(20),
              padding: EdgeInsets.all(10),
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(100),
                color: Colors.white,
                border: Border.all(
                  width: 2
                )
              ),
              child: Icon(Icons.arrow_downward,color: Colors.white,),
            )

我不需要在图像中显示的圆形边界上进行切割,而是完整的圆形边界,我也尝试过此代码=> This Answer

flutter icons flutter-layout
1个回答
0
投票
Container(
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              border: Border.all(color: Colors.white)
            ),
            child: Icon(Icons.check, color: Colors.white,),
          )

或者如果您需要一些精美的效果,可以使用Material:

Material(
            color: Colors.transparent,
            shape: CircleBorder(
              side: BorderSide(color: Colors.white)
            ),
            child: Icon(Icons.check, color: Colors.white,),
          )
© www.soinside.com 2019 - 2024. All rights reserved.