【发布时间】:2020-03-17 03:48:15
【问题描述】:
需要您的帮助来制作如下所示的卡片。
我对右上角的图像视而不见。提前致谢。
【问题讨论】:
标签: android ios user-interface flutter
需要您的帮助来制作如下所示的卡片。
我对右上角的图像视而不见。提前致谢。
【问题讨论】:
标签: android ios user-interface flutter
您可以使用 Row 和 Expanded 小部件来适应容器中的布局。 flex 参数是要扩展的百分比值,因此在您的情况下,您希望有 x% 的空间来创建图像小部件,其余的则用于文本。
通过使用 flex 参数,您可以确保您的布局能够适应容器增长。
记住
Row是水平约束代码的容器。您还可以使用Column垂直和Stack堆叠小部件。
Row(
children: <Widget>[
Expanded(
flex: 75
child: YourTextWidget(),
),
Expanded(
flex: 25,
child: YourImageWidget(),
),
],
)
希望我有所帮助!
【讨论】:
[Stack]+[Positioned]也是一种解决方案。