Dart 如何修复文本小部件溢出问题以在下一行显示溢出的文本?
我的标题文本小部件溢出并隐藏了我的价格文本小部件,我希望这两个文本小部件位于同一行,当标题包含最大字符数时,我希望在下一行中显示这一点,如何修复它。我附上溢出文本的图像 这是我的密码:Dart 如何修复文本小部件溢出问题以在下一行显示溢出的文本?,dart,flutter,flutter-layout,Dart,Flutter,Flutter Layout,我的标题文本小部件溢出并隐藏了我的价格文本小部件,我希望这两个文本小部件位于同一行,当标题包含最大字符数时,我希望在下一行中显示这一点,如何修复它。我附上溢出文本的图像 这是我的密码: new Column( children: <Widget>[ new Column( children: <Widget>[ new
new Column(
children: <Widget>[
new Column(
children: <Widget>[
new Column(
children: <Widget>[
new Padding(padding: const EdgeInsets.only(top: 5.0)),
new Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
new Column(
children: <Widget>[
new Text(productList[index].name,
style: new TextStyle(color: Colors.black,
fontSize: 18.0, fontWeight: FontWeight.bold),
)
],
),
new Text("€"+productList[index].price.toString(),
style: new TextStyle(color: Colors.black,
fontSize: 18.0, fontWeight: FontWeight.bold
),),
],
)
],
),
new Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
new Flexible(
child: new Column(
crossAxisAlignment: CrossAxisAlignment.start ,
children: <Widget>[
new Text(
productList[index].description,
overflow: TextOverflow.fade ,),
],
))
],
),
new Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
new ListTileItemAddRemove(productList[index]),
new Padding(padding: EdgeInsets.only(bottom: 10.0))
],
)
],
),
new Divider(color: Colors.black,)
],
),
新列(
儿童:[
新专栏(
儿童:[
新专栏(
儿童:[
新填充(填充:仅限常量边集(顶部:5.0)),
新行(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
新专栏(
儿童:[
新文本(productList[索引])。名称,
样式:新文本样式(颜色:Colors.black,
fontSize:18.0,fontWeight:fontWeight.bold),
)
],
),
新文本(“€”+productList[index]。price.toString(),
样式:新文本样式(颜色:Colors.black,
fontSize:18.0,fontWeight:fontWeight.bold
),),
],
)
],
),
新行(
mainAxisAlignment:mainAxisAlignment.start,
儿童:[
新柔性(
子:新列(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
新文本(
productList[索引]。说明,
溢出:TextOverflow.fade,),
],
))
],
),
新行(
mainAxisAlignment:mainAxisAlignment.end,
儿童:[
新建ListTileItemAddressMove(产品列表[索引]),
新填充(填充:仅限边集(底部:10.0))
],
)
],
),
新分隔符(颜色:Colors.black,)
],
),
以下是我如何解决此问题的:
return new Container(
child: new Column(
children: <Widget>[
new Container(
margin: EdgeInsets.all(10.0),
child: new Column(
children: <Widget>[
new Column(
children: <Widget>[
new Padding(padding: const EdgeInsets.only(top: 5.0)),
new Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
new Container(
alignment: FractionalOffset.topLeft ,
width: 250.0,
child: new Column(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
new Text(productList[index].name,
style: new TextStyle(color: Colors.black,
fontSize: 18.0, fontWeight: FontWeight.bold),
)
],
),
),
new Text("£"+productList[index].price.toString(),
style: new TextStyle(color: Colors.black,
fontSize: 18.0, fontWeight: FontWeight.bold
),),
],
)
],
),
new Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
new Flexible(
child: new Column(
crossAxisAlignment: CrossAxisAlignment.start ,
children: <Widget>[
new Text(
productList[index].description,
overflow: TextOverflow.fade ,),
],
))
],
),
new Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
new ListTileItemAddRemove(productList[index]),
new Padding(padding: EdgeInsets.only(bottom: 10.0))
],
)
],
),
),
new Divider(color: Colors.black,)
],
),
);
返回新容器(
子:新列(
儿童:[
新容器(
保证金:所有边缘套(10.0),
子:新列(
儿童:[
新专栏(
儿童:[
新填充(填充:仅限常量边集(顶部:5.0)),
新行(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
新容器(
对齐:分馏loffset.topLeft,
宽度:250.0,
子:新列(
mainAxisAlignment:mainAxisAlignment.start,
儿童:[
新文本(productList[索引])。名称,
样式:新文本样式(颜色:Colors.black,
fontSize:18.0,fontWeight:fontWeight.bold),
)
],
),
),
新文本(“£”+productList[index]。price.toString(),
样式:新文本样式(颜色:Colors.black,
fontSize:18.0,fontWeight:fontWeight.bold
),),
],
)
],
),
新行(
mainAxisAlignment:mainAxisAlignment.start,
儿童:[
新柔性(
子:新列(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
新文本(
productList[索引]。说明,
溢出:TextOverflow.fade,),
],
))
],
),
新行(
mainAxisAlignment:mainAxisAlignment.end,
儿童:[
新建ListTileItemAddressMove(产品列表[索引]),
新填充(填充:仅限边集(底部:10.0))
],
)
],
),