Flutter 气泡聊天在气泡外显示时间戳和刻度

Question

基本上我正在为 flutter 使用 Bubble 我设法让它工作但无法添加时间戳和刻度我的意思是代码正在工作但如果有人知道如何将时间戳和刻度包含在气泡之外气泡。

: Container(
child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Bubble(
          margin: BubbleEdges.only(top: 10),
          nipWidth: 13,

          alignment: Alignment.topRight,
          nip: BubbleNip.rightBottom,
          color: Color.fromRGBO(212, 234, 244, 1.0),
          child: Text(documentSnapshot.data['text'], style: TextStyle(fontSize: 18.0)),
        ),


    Row(
    mainAxisAlignment: MainAxisAlignment.end,
    children: <Widget>[
      Text(
        documentSnapshot.data["time"] != null
            ? DateFormat.MMMd()
            .add_jm()
            .format(documentSnapshot
            .data["time"]
            .toDate())
            .toString()
            : "",
    style: TextStyle(
    color: secondryColor,
    fontSize: 13.0,
    fontWeight: FontWeight.w600,
    ),
      ),
      SizedBox(
        width: 5,
      ),
      documentSnapshot.data['isRead'] == false
          ? Icon(
        Icons.done,
        color: secondryColor,
        size: 15,
      )
          : Icon(
        Icons.done_all,
        color: primaryColor,
        size: 15,
    )
    ],
    ),
    ],
    ),
      ),

    ),

          ],
        ),
      ),
    ];
  }

Answer 1

为此，您需要在 Bubble 小部件的子项中添加一列，而不是在容器中

我希望这段代码有帮助：

                Container(
                child: Bubble(
              margin: BubbleEdges.only(top: 10),
              nipWidth: 13,
              alignment: Alignment.topRight,
              nip: BubbleNip.rightBottom,
              color: Color.fromRGBO(212, 234, 244, 1.0),
              child: Column(
                children: [
                  Text(documentSnapshot.data['text'], style: TextStyle(fontSize: 18.0)),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: <Widget>[
                      Text(
                        documentSnapshot.data["time"] != null
                            ? DateFormat.MMMd()
                                .add_jm()
                                .format(documentSnapshot.data["time"].toDate())
                                .toString()
                            : "",
                        style: TextStyle(
                          color: secondryColor,
                          fontSize: 13.0,
                          fontWeight: FontWeight.w600,
                        ),
                      ),
                      SizedBox(
                        width: 5,
                      ),
                      documentSnapshot.data['isRead'] == false
                          ? Icon(
                              Icons.done,
                              color: secondryColor,
                              size: 15,
                            )
                          : Icon(
                              Icons.done_all,
                              color: primaryColor,
                              size: 15,
                            )
                    ],
                  ),
                ],
              ),
            ));