我正在制作与whatsapp相同的聊天应用程序,但是当消息很宽时,消息出现了问题,从右侧溢出。 问题图片:
这是显示消息的代码:
Row(
mainAxisAlignment: snapshot.data['$index']['SENDER'] == widget.myname
? MainAxisAlignment.end
: MainAxisAlignment.start,
children: <Widget>[
Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(10)
),
margin: EdgeInsets.only(left :2.5,top:2.5 ,right: 100),
padding: EdgeInsets.all(6),
child:
Row(
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.end,
children: <Widget>[
Text(snapshot.data['$index']['TEXT'],
style: TextStyle(fontSize: 17), textAlign: TextAlign.end),
SizedBox(
width: 10,
),
Column(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Container(child: Text(
snapshot.data['$index']['TIME']['TIME'],
style: TextStyle(fontSize: 10),
textAlign: TextAlign.end)),
],
),
],
)
),
],
);