当字符串的宽度大于容器宽度时,如何使字符串下降线

时间:2019-09-05 19:10:13

标签: flutter dart flutter-layout

我正在制作与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)),
                    ],
                  ),

                ],
              )
          ),
        ],
      );

0 个答案:

没有答案