dart 文本控件对齐抖动

qnyhuwrf  于 2023-05-04  发布在  其他
关注(0)|答案(1)|浏览(121)

我必须显示两个文本,一个在另一个下面。但是如果上面的文本比下面的文本长,那么会发生什么呢?但是我希望这两个文本的起点保持不变(无论文本有多长)。

请看上面的图片。第一个文本很长,所以下面的文本也不是从左边开始的。我试了很多,但没有成功。
我的代码如下:

return ListView.builder(
      itemCount: Model.length,
        itemBuilder: (context, index) {
          return Container(
            margin: const EdgeInsets.all(8.0),
            child: Card(
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(15.0)
              ),
              child: Padding(
                padding: const EdgeInsets.all(15.0),
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    ClipRRect(
                      borderRadius: BorderRadius.circular(15.0),
                      child: Image.network(
                          "${Model[index].image!}",
                        fit: BoxFit.fill,
                        height: 100,
                        width: 100
                      )
                    ),
                    Align(
                      alignment: Alignment.topLeft,
                      child: Column(
                        children: const [
                          Text("hhhhhhhhhhhhhhhh",
                          textAlign: TextAlign.end,
                          textDirection: TextDirection.ltr,),
                          Align(
                            alignment: Alignment.topLeft,
                            child: Text("ffff",
                              textAlign: TextAlign.start),
                          )
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
          );
        }
    );

如何做到这两点,本文将从头开始只。如果文本很长,那么小部件将增加大小,但仅从末尾开始。

mrfwxfqh

mrfwxfqh1#

ColumncrossAxisAlignment设置为CrossAxisAlignment.start

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: const [
    Text("hhhhhhhhhhhhhhhh"),
    Text("ffff"),
  ],
),

相关问题