Flutter 带边框的颤振圆形化身
我正在尝试使用Flutter 带边框的颤振圆形化身,flutter,Flutter,我正在尝试使用CircleAvatar小部件创建具有颤振边界的圆形化身,如: CircleAvatar( radius: 30, backgroundImage: NetworkImage(url), ), 如何将边框添加到此代码的结果中?在另一个CircleAvatar小部件中包装CircleAvatar小部件,然后设置不同的半径和背景色以获得所需的边框 以下是代码片段 CircleAvatar( radius: 30, backgroundColor:
CircleAvatar
小部件创建具有颤振边界的圆形化身,如:
CircleAvatar(
radius: 30,
backgroundImage: NetworkImage(url),
),
如何将边框添加到此代码的结果中?在另一个
CircleAvatar
小部件中包装CircleAvatar
小部件,然后设置不同的半径和背景色以获得所需的边框
以下是代码片段
CircleAvatar(
radius: 30,
backgroundColor: Colors.teal,
child: CircleAvatar(
backgroundImage: AssetImage(url),
radius: 28,
),
),
检查链接。如果没有,您将得到代码片段。下面是代码
代码是
CircleAvatar(
radius: 55,
backgroundColor: Colors.teal,
child: CircleAvatar(
radius: 50,
backgroundImage: NetworkImage('url'),
),
)
仅使用颜色
CircleAvatar(
backgroundColor: Colors.red,
radius: 70.0,
child: CircleAvatar(
backgroundColor: Colors.orange,
radius: 60,
),
),
从本地存储使用时
CircleAvatar(
backgroundColor: Colors.white,
radius: 70,
child: CircleAvatar(
backgroundImage: AssetImage("image/bg.jpg"),
radius: 60,
),
),
如果使用来自网络的图像
CircleAvatar(
backgroundColor: Colors.white,
radius: 70,
child: CircleAvatar(
backgroundImage: NetworkImage(url),
radius: 60,
),
),
你试过用容器包装吗?我没有。将尝试在容器内包装。工作正常:)