RenderFlex在右侧溢出了1029像素

Question

我该如何解决异常“ Re​​nderFlex右侧溢出1029像素”。 我不希望整个文章出现。我希望它概括地说。 Maxlines为什么不起作用？

Widget buildTripCard(BuildContext context, int index){
    final trip = tripsList[index];
    return new Container(
      child: Card(
        child: Padding(
          padding: const EdgeInsets.all(24.0),
          child: Column(
            children: <Widget>[
              Padding(
                padding: const EdgeInsets.only(top: 0.0, bottom: 1.0),
                child: Row(children:<Widget>[Text(trip.title, style:new TextStyle(fontSize:24.0 )),Spacer()]),
              ),

              Padding(
                padding: const EdgeInsets.only(top: 1.0,bottom: 16.0),
                child: Row(children: <Widget>[Text("Tarih ${DateFormat('dd/MM/yyyy').format(trip.Date).toString()} --> ${DateFormat('HH:mm').format(trip.startDate).toString()} - ${DateFormat('HH:mm').format(trip.endDate).toString()}"),
                  Spacer()]),
              ),
              //Text(trip.endDate.toString()),
              Padding(
                padding: const EdgeInsets.only(top:16.0, bottom: 16.0),

                child: Row(
                  //mainAxisAlignment: MainAxisAlignment.start,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[

                    Text(trip.summary,maxLines: 1,overflow: TextOverflow.ellipsis),
                    SizedBox(height: 15.0,),
                    //Spacer()


                  ],

                ),
              )

            ],

          ),
        ),

      ),

    );
  }
}

Answer 1

使用扩展的文本框包裹文本：

Expanded(child:Text(trip.summary,maxLines: 1,overflow: TextOverflow.ellipsis),)