我正在try 做一个包含图像和文本的容器.我需要帮助的问题是我不能在图片旁边添加文本.为了清楚起见,我希望文本和图像在同一个容器中.如果将文本小部件放在容器小部件之外,我就可以使用它,但结果是文本在容器之外,这不是我想要的.

This is what I have currently. This is the design I want, but I want to be able to put text along the right side of the picture; on the gray, empty part of the container.

下面是我目前为容器编写的代码:

body: ListView(
  children: [
    Container(
      width: 500,
      color: Colors.white24,
      height: 125,
      child: Padding(
        padding: const EdgeInsets.only(right: 265.0),
        child: Image.asset('images/HPerm.png'),
      ),
    ),
  ],
),

我已经try 了我能想到的所有方法.我试着用不同的子容器制作不同的容器,我试着用其他小部件包装我拥有的当前容器,我试着在容器内制作函数并调用它们,但都没有奏效.

推荐答案

您可以使用示例代码...

Expanded(
            child: ListView(
              children: [
                Container(
                  width: 500,
                  color: Colors.white24,
                  height: 125,
                  child: Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        Image.asset('images/HPerm.png'),
                        const Padding(
                          padding: EdgeInsets.symmetric(horizontal: 20),
                          child: Text("Sample Text"),
                        ),
                      ],
                    ),
                  ),
                ),
              ],
            ),
          ),

Flutter相关问答推荐

创建多个具有适当填充和对齐的按钮的最佳方法

具有可变高度小部件的SingleChildScrollView内的列

如何使用Firebase Firestore来获取外部集合中的文档子集合中的文档

使用Flutter 提供程序包加载状态应用程序时,在自定义按钮中显示CircularProgressIndicator

从底部开始固定,然后使其可拖曳Flutter

Flutter 动画列表一次构建所有项目,而不是仅构建可见的项目

如何在用Ffltter成功登录后重定向下一页?

BlocBuilder仅生成一次,并在后续发出时停止重建

在Fighter中,我如何在窗口的顶部和底部排列Widget?

通过Ffltter应用程序与Docker服务器进行交互以进行身份验证

如何将小部件代码移动到另一个文件以获得更好的可读性

将自定义容器附加到屏幕底部

Dart/Flutter 泛型:类型 '(SearchFilterItemModel) => String' 不是类型 '(SearchFilterItemModel) => String' 的子类型

在 Dart 中按土耳其语字母顺序对字符串进行排序

如何动态获取任何小部件的像素?

如何在Flutter中动态绘制一条从A点到B点的线?

在 flutter 中使用 Firebase 实时数据库数据创建无限滚动效果

如何在 flutter 中更改日期 Select 器 colored颜色 ?

无法列出 com.facebook.android:facebook-login -Facebook 登录问题的版本

FLUTTER+SQL:在 ListViewBuilder 中显示数据库中的数据