flutter 我怎样才能使一个喜欢的图标与白色边框和背景色?

kpbpu008  于 2023-02-05  发布在  Flutter
关注(0)|答案(1)|浏览(117)

我试图实现你可以在图像中看到的图标,这是一个白色边框和一些背景颜色的收藏图标,只是为了清楚,不是功能,因为我认为我可以处理这个只是改变一些布尔变量的背景颜色。我试过堆栈,和Icon. favorite_border,和Icon. favorite,但我没有成功。
谢谢你的帮助。
Icon image

laik7k3q

laik7k3q1#

我可以告诉您如何使用Stack实现
1.具有相同的图标(通过调整高度)

Container(
              height: 50.0,
              width: 50.0,
              child: Center(
                child: Stack(children: [
                  Center(
                    child: Icon(Icons.favorite,
                        color: Colors.white, size: 50.0),
                  ),
                  Center(
                    child: Icon(Icons.favorite, color: Colors.red, size: 40.0))
                ]
            ),
        ),
     ),

1.与互补的图标集,没有大小调整。

SizedBox(
    height: 50.0,
    width: 50.0,
    child: Stack(
      children: [
        Icon(Icons.favorite, color: Colors.red), 
        Icon(Icons.favorite_border, color: Colors.white)
         ],
     ),
  ),

希望这适合你的情况!

相关问题