如何使小部件在浮动中彼此浮动
安瓦尔
如何使这两个（如图所示）以这种方式（稍微超出卡的边界对齐）漂浮在卡上。
这是小部件代码
卡（形状：RoundedRectangleBorder（borderRadius：BorderRadius.circular（20），），高程：3，//颜色：Colors.orange，子代：容器（宽度：140，高度：140，子代：Image.asset（'assets / c1.png'，比例尺：1，），），），
迈奥
下面的代码用于创建此代码。红卡可以代替是图像，并相应地定位。
Stack(
overflow: Overflow.visible,
children: [
Positioned(
top: 10,
right: -20,
child: Card(
elevation: 3,
color: Colors.red.withOpacity(0.5),
child: Container(width: 30, height: 50),
)),
Card(
elevation: 1,
color: Colors.purple,
child: Container(
width: 250,
height: 250,
),
),
Positioned(
top: 20,
left: -20,
child: Card(
elevation: 3,
color: Colors.orange,
child: Container(width: 80, height: 80),
)),
Positioned(
top: 20,
right: -20,
child: Card(
elevation: 3,
color: Colors.red,
child: Container(width: 120, height: 50),
))
],
)
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在 Flutter 中创建随页面滚动而移动的浮动小部件
- 2
如何添加浮动操作按钮，该按钮可在flutter中粘贴到另一个小部件
- 3
如何使div彼此相邻，上下浮动
- 4
浮动空间在Card小部件内的列中不起作用
- 5
从浮动：左右到彼此
- 6
浮动元素彼此相邻
- 7
浮动子QMainWindow（QMainWindow作为主QMainWindow的子小部件）
- 8
无法重新创建此浮动小部件
- 9
如何布局彼此相邻但重叠的小部件
- 10
如何让两个 <div> 浮动在彼此下方
- 11
如何阻止我的内部 div 浮动在彼此之上
- 12
我如何才能向左浮动两个div（彼此下方），向右浮动两个div（彼此下方）
- 13
如何将小部件彼此相邻放置？
- 14
为什么小部件在tkinter画布中彼此堆叠？
- 15
点击AppBar中的IconButton以显示浮动在Scaffold主体上的TextField（带有一个小部件，而不是两个）
- 16
如何在CSS中浮动div？
- 17
如何摆脱浮动零（-0.0）中的负号？
- 18
如何从浮动结果中删除小数？
- 19
如何在Bootstrap中实现所需的浮动？
- 20
如何使列表在CSS中浮动到右侧？
- 21
如何使Appbar的IconButton在浮动中居中
- 22
如何设置在Chrome中向左浮动的TD？
- 23
如何在Android中创建“浮动按钮”？
- 24
如何使列表在CSS中浮动到右侧？
- 25
如何在C ++中删除浮动剩菜
- 26
如何在 EditText 中设置浮动文本？
- 27
浮动div不确定地彼此相邻
- 28
浮动不堆叠在彼此下方
- 29
如何清除浮动的img（边栏也浮动）
我来说两句