Flutter 文字换行不能处理长文本
这是我的小部件:Flutter 文字换行不能处理长文本,flutter,Flutter,这是我的小部件: return Card( child: Container( height: 150, child: Row( children: <Widget>[ Placeholder( fallbackHeight: 100, fallbackWidth: 100, ), Container( width: _deviceH
return Card(
child: Container(
height: 150,
child: Row(
children: <Widget>[
Placeholder(
fallbackHeight: 100,
fallbackWidth: 100,
),
Container(
width: _deviceHeight,
color: Colors.red,
child: Column(
mainAxisSize: MainAxisSize.max,
children: <Widget>[
Flexible(
child: Text(
"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaasssssaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",
overflow: TextOverflow.ellipsis,
maxLines: 4,
)),
// Expanded(flex: 8, child: Text("bbb")),
Flexible(child: Text("bbb")),
// Flexible(child: Text("aaa")),
],
),
)
],
),
));
退货卡(
子:容器(
身高:150,
孩子:排(
儿童:[
占位符(
后备高度:100,
后备宽度:100,
),
容器(
宽度:_设备高度,
颜色:颜色,红色,
子:列(
mainAxisSize:mainAxisSize.max,
儿童:[
灵活的(
子:文本(
“aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa”,
溢出:TextOverflow.省略号,
maxLines:4,
)),
//扩展(弹性体:8,子体:文本(“bbb”)),
灵活(子项:文本(“bbb”)),
//灵活(子项:文本(“aaa”)),
],
),
)
],
),
));
我希望文本将被放置在新的行上,但我得到了溢出:
使用扩展的
包装内部容器
,为其提供可用的父约束,否则容器
具有无限的高度
,并将导致溢出(因为您处于横向)
您可以使用Flexible
包装行的第二个元素,如下所示:
Row(
children: <Widget>[
Placeholder(..),
Flexible(
child: Container(
color: Colors.red,
child: Column(...
行(
儿童:[
占位符(..),
灵活的(
子:容器(
颜色:颜色,红色,
子:列(。。。
在行中
需要占位符
来保持其宽度,而容器
的宽度要灵活
编辑:您应该删除容器的宽度,因为它将是灵活的,并且需要尽可能多的时间来适应屏幕。您确定宽度应该等于设备宽度吗?我有占位符,占用的空间相同。我没有像您所说的那样直接删除,但高度或宽度相似?但是如果我没有eed列?例如,我需要一个接一个地放置几个文本字符串。我无法删除列,因为没有列,我将无法将butom上的“bbb…”放置为“aaa…”string该列应该位于容器内,与您在问题中发布的代码完全相同。在该图像中,您似乎有另一个与您发布的问题不同的代码。
Row(
children: <Widget>[
Placeholder(..),
Flexible(
child: Container(
color: Colors.red,
child: Column(...