我需要像这样堆叠小部件:
我写了下面的代码。然而,硬币是一个接一个的一些默认填充。我如何才能得到像上面的图像?
Row(
children: <Widget>[
Icon(
Icons.monetization_on, size: 36.0,
color: const Color.fromRGBO(218, 165, 32, 1.0),
),
Icon(
Icons.monetization_on, size: 36.0,
color: const Color.fromRGBO(218, 165, 32, 1.0),
),
],
),
7条答案
按热度按时间j2datikz1#
您可以将
Stack
与Positioned
搭配使用,以达成此目的:这样你就可以得到一些漂亮的阴影,使图标更加突出:
eqoofvh92#
截至2019年11月,我想添加第二个解决方案:
使用软件包:https://pub.dev/packages/assorted_layout_widgets
这将使行单元格重叠20个像素。
这个解决方案与
Stack
的不同之处在于Stack
中的Positioned
小部件不占用空间,所以你不能让Stack
的大小等于它的内容,除非你事先知道它们的大小,但是RowSuper
的大小等于它的所有子小部件的大小。请注意,还有一个
ColumnSuper
。* 还请注意,我是这个包的作者。*hts6caw33#
我想要的东西没有依赖性和没有硬编码的布局。* 你可以通过使重叠使用媒体查询来增强重叠方面的%。*
dfuffjeb4#
这是我的代码在轮廓图片重叠的相机图像在Flutter。
输出:Click here to view output image
u59ebvdq5#
使用
OverflowBox
Package 元素并指定maxWidth
值将实现此效果。以下内容可用于行或列表视图
3qpi33ja6#
你可以试试我的包(signed_spacing_flex)。它和普通的
Row
(或者Column
和Flex
)完全一样。但是它也允许你设置负间距,这会导致它的子对象重叠。你还可以设置当它们重叠时哪些子对象应该在上面。在您的情况下,它将类似于:
如果需要,它也适用于展开的子对象。
o75abkj47#
基于@Lee Higgins的反向变体