你怎么能把圆形的化身叠加在一起呢？
你怎么能把圆形的化身叠加在一起呢？
提问于 2022-11-06 21:22:45
这是我第一次面对这个问题，我对如何做到这一点没有选择余地。我读了很多论坛，但在任何地方都找不到这样的东西。我需要像画中那样做，我怎么做呢？
这是一个如何得到结果的示例：在这里输入图像描述
Padding(padding: const EdgeInsets.only(top: 15),
child: Row(
children: const [
CircleAvatar(
backgroundColor: Colors.white,
radius: 18,
child: CircleAvatar(
radius: 16,
backgroundImage: AssetImage('lib/assets/avatar-410658-028235png.png'),
),
),
CircleAvatar(
backgroundColor: Colors.white,
radius: 18,
child: CircleAvatar(
radius: 16,
backgroundImage: AssetImage('lib/assets/avatar-410658-028235png.png'),
),
),
CircleAvatar(
backgroundColor: Colors.white,
radius: 18,
child: CircleAvatar(
radius: 16,
backgroundImage: AssetImage('lib/assets/avatar-410658-028235png.png'),
),
),
CircleAvatar(
backgroundColor: Colors.white,
radius: 20,
child: CircleAvatar(
radius: 18,
backgroundColor: Colors.black,
child: Text('28', style: TextStyle(fontSize: 12.5, color: Colors.white ),),
)
),
Padding(padding: EdgeInsets.only(left: 70) ,
child: Text('6 Hours Ago', style: TextStyle(fontSize: 12.5),)
),
],
),
),回答 2
Stack Overflow用户
发布于 2022-11-06 22:43:40
使用堆栈小部件。在这里读到：
Stack Overflow用户
发布于 2022-11-07 09:28:44
You need to wrap your CircleAvatar widget with align widget and set the widthFactor parameter to a double for example.
Padding(
padding: const EdgeInsets.only(top: 15),
child: Row(
children: const [
Align(
widthFactor: .7,
child: CircleAvatar(
backgroundColor: Colors.white,
radius: 18,
child: CircleAvatar(
radius: 16,
backgroundImage:
AssetImage('lib/assets/avatar-410658-028235png.png'),
),
),
),
Align(
widthFactor: .7,
child: CircleAvatar(
backgroundColor: Colors.white,
radius: 18,
child: CircleAvatar(
radius: 16,
backgroundImage:
AssetImage('lib/assets/avatar-410658-028235png.png'),
),
),
),
Align(
widthFactor: .7,
child: CircleAvatar(
backgroundColor: Colors.white,
radius: 18,
child: CircleAvatar(
radius: 16,
backgroundImage:
AssetImage('lib/assets/avatar-410658-028235png.png'),
),
),
),
Align(
widthFactor: .7,
child: CircleAvatar(
backgroundColor: Colors.white,
radius: 20,
child: CircleAvatar(
radius: 18,
backgroundColor: Colors.black,
child: Text(
'28',
style: TextStyle(fontSize: 12.5, color: Colors.white),
),
)),
),
Padding(
padding: EdgeInsets.only(left: 70),
child: Text(
'6 Hours Ago',
style: TextStyle(fontSize: 12.5),
)),
],
),
),页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74339843
复制相关文章
相似问题
腾讯云开发者
