image - 在两个小部件中堆叠图像(颤振)
问题描述
我的目标是像这样创作
我希望我的图像显示在白色大容器和背景中
我试着那样做
Stack(
overflow: Overflow.clip,
alignment: AlignmentDirectional.topCenter,
fit: StackFit.loose,
children: <Widget>[
Container(
height: 458.4,
width: double.infinity,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(20),
topRight: Radius.circular(20)
)
),
),
GFAvatar(
backgroundImage:AssetImage(url),
shape: GFAvatarShape.standard,
radius: 70,
borderRadius: BorderRadius.circular(20),
)
],
),
]
并且不工作它仅堆叠在容器中
解决方案
尝试在Positioned
内部使用Stack
并使溢出Overflow.visible
Stack(
overflow: Overflow.visible,
alignment: AlignmentDirectional.topCenter,
fit: StackFit.loose,
children: <Widget>[
Container(
height: 400.4,
width: double.infinity,
decoration: BoxDecoration(
color: Colors.amberAccent,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(20),
topRight: Radius.circular(20))),
),
Positioned(
top: -50,
child: CircleAvatar(
radius: 50,
backgroundImage:
NetworkImage('https://picsum.photos/250?image=2'),
),
)
],
)
推荐阅读
- python - Pygame精灵不断重绘到屏幕上并且不动
- angular - Angular CKEditor 图像上传
- tensorflow - 不支持 Tensorflow XLA Conv1D 运算符?
- django - Django:当有人发表评论时如何填充其他模型字段
- javascript - 如何合并不同的节点模块并从中制作不同的捆绑包?
- r - 使用条件正则表达式分隔列
- pandas - 初始化 excel 代码以查找某个值时出现问题 (KeyError)
- canvas - 将集合中的数据批量插入 SQL 数据库中的表的最快方法
- python - 你如何在两个kv文件之间共享一个变量?
- spring - 如何使用springboot将excel上传到数据库