颤振：如何在聊天消息的右下角对齐时间

如何解决颤振：如何在聊天消息的右下角对齐时间

这是我的 chat screen 屏幕截图。我想在聊天消息下对齐 time，而不是从一开始，而是在聊天图块的右下方。

如何在我的代码中做到这一点？

 Column(
    crossAxisAlignment: CrossAxisAlignment.start,children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.start,children: [
                  Container(
                    child: Padding(
                      padding: const EdgeInsets.only(top: 2.0),child: Image.network(senderPhoto,))),SizedBox(width: 20),Text(peerName),],),Container(
                  margin: EdgeInsets.only(right: 130),padding: EdgeInsets.only(
                      top: 10,bottom: 10,left: 10,right: 10),child: Text(message,textAlign: TextAlign.start,style: TextStyle(
                              color: Colors.white,fontSize: 16,)),Row(
                mainAxisAlignment: MainAxisAlignment.end,children: [
                  Padding(
                    padding: const EdgeInsets.only(top: 1.0),child: Text(
                      timeSent.toDate(),style: TextStyle(fontSize: 10,color: Colors.white),))

解决方法

将您的 timeSent.toDate 填充小部件包装成一行，并为其指定一个 mainaxisAlignment 结束，如下所示：

     Row(
        mainAxisAlignment: MainAxisAlignment.end,children: [
          Padding(
            padding: const EdgeInsets.only(top: 1.0),child: Text(
              timeSent.toDate(),style: TextStyle(fontSize: 10,color: Colors.white),),],

这将解决您的问题。

,

将 Text 字段包裹在 Row 中，并以 mainAxixAlignment 结束。这将解决问题。

Selection.Paragraphs(1).Range.ListFormat.ListString