【问题标题】:How to add an image at a corner in flutter?如何在颤动的角落添加图像?
【发布时间】:2020-03-17 03:48:15
【问题描述】:

需要您的帮助来制作如下所示的卡片。

我对右上角的图像视而不见。提前致谢。

【问题讨论】:

    标签: android ios user-interface flutter


    【解决方案1】:

    您可以使用 RowExpanded 小部件来适应容器中的布局。 flex 参数是要扩展的百分比值,因此在您的情况下,您希望有 x% 的空间来创建图像小部件,其余的则用于文本。

    通过使用 flex 参数,您可以确保您的布局能够适应容器增长。

    记住Row 是水平约束代码的容​​器。您还可以使用 Column 垂直和 Stack 堆叠小部件。

    Row(
        children: <Widget>[
            Expanded(
                flex: 75
                child: YourTextWidget(),
            ),
            Expanded(
                flex: 25,
                child: YourImageWidget(),
            ),
        ],
    )
    

    希望我有所帮助!

    【讨论】:

    • [Stack]+[Positioned]也是一种解决方案。
    猜你喜欢
    • 1970-01-01
    • 2021-06-22
    • 2022-11-30
    • 2021-12-18
    • 2019-11-05
    • 2022-11-01
    • 2023-03-17
    • 2021-07-18
    • 1970-01-01
    相关资源
    最近更新 更多