这是我的 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),
),
),
],
),
],
))
答案 0 :(得分:0)
将您的 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),
),
),
],
),
这将解决您的问题。
答案 1 :(得分:0)
将 Text 字段包裹在 Row 中,并以 mainAxixAlignment 结束。这将解决问题。
Selection.Paragraphs(1).Range.ListFormat.ListString