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

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: ,))
                            ],
                          ),
                        ),
                      ),