android - 如何在 flutter 的角落添加图像?

标签 android ios user-interface flutter

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

Image for your ref

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

最佳答案

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

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

Remember Row are containers that constraint your code horizontally. You also have Column for vertical and Stack to stack widgets.

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

希望我帮到你了!

关于android - 如何在 flutter 的角落添加图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58971076/

相关文章:

macos - Mac 可视化补丁工具

java - 观察者与注册回调

ios - 在 Swift 中实现搜索文本框

android - 播放安卓默认音效

ios - Firebase 通知未在 iOS 应用程序中显示警报或横幅和角标(Badge)应用程序图标

ios - 使用 Decodeable swift 4.0 解析数据不读取数据 - Xcode

java - 创建简单的 TicTacToe GUI 游戏

Android - 向上滑动面板(库)圆角

java - ObjectAnimator 与 TranslateAnimation

android - Android 上 PhoneGap 应用程序中的 native 日期/时间小部件