即使使用溢出属性，我的文本小部件也会溢出

Question

我尝试在一行中显示一个文本小部件，但是有些句子太长。我不知道如何将它们包装到下一行。

Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(20)
        ),
        child: Center(
          child: Row(
            children: <Widget>[
              Image.network(imageUrl, height: 100, width: 100, fit: BoxFit.fill,),
              Text(title, maxLines: 5, softWrap: true, overflow: TextOverflow.fade,textHeightBehavior: ,)
            ],
          ),
        ),
      ),

这是我的代码。

这是我得到的错误。我需要将文本包装到下一行而不会溢出。

Answer 1

将您的Text小部件包装在 Expanded 小部件中

尝试一下

 Container(
                        decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(20)
                        ),
                        child: Center(
                          child: Row(
                            children: <Widget>[
                              Image.network(imageUrl, height: 100, width: 100, fit: BoxFit.fill,),
                              Expanded(child: Text(title, maxLines: 5, softWrap: true, overflow: TextOverflow.fade,textHeightBehavior: ,))
                            ],
                          ),
                        ),
                      ),