【问题标题】:Flutter align timestamp on bubble chat message颤振对齐气泡聊天消息上的时间戳
【发布时间】:2022-11-15 01:46:17
【问题描述】:

我的聊天气泡是这样的:

我希望它的时间戳坚持右边如下所示:

这是我的代码:

   return Align(
      alignment: alignment,
      child: Bubble(
        margin: BubbleEdges.only(
          top: 10,
          left: leftMargin,
          right: rightMargin,
        ),
        color: backgroundColor,
        nip: bubbleNip,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            content,
            const SizedBox(height: 5),
            Text(timeFormat01(timestamp)),
          ],
        ),
      ),
    );

我怎么做?

【问题讨论】:

    标签: flutter dart flutter-layout


    【解决方案1】:

    在 Row 中包装时间戳文本,并将 mainaxisalignment 设置为结束。

    【讨论】:

    • 我们可以跳过不必要的小部件包装
    【解决方案2】:

    Column 上使用crossAxisAlignment: CrossAxisAlignment.end,

     child: Column(
              crossAxisAlignment: CrossAxisAlignment.end,
              children: [
               content,
    

    【讨论】:

    猜你喜欢
    • 2021-12-16
    • 1970-01-01
    • 2015-09-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-17
    • 1970-01-01
    • 2023-03-27
    相关资源
    最近更新 更多