扑腾聊天泡泡 [英] Flutter chat bubble

问题描述

我想为聊天应用程序创建这种小工具。如何在颤动中设计这个。如果你有主意，谁能帮我

推荐答案

尝试以下代码，希望它对您参考flutter_chat_bubble包here或尝试this包也有帮助

Column(
            children: [
              ChatBubble(
                child: Text(
                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
                  style: TextStyle(
                    color: Colors.white,
                  ),
                ),
                clipper: ChatBubbleClipper3(
                  type: BubbleType.sendBubble,
                ),
              ),
              SizedBox(
                height: 30,
              ),
              ChatBubble(
                child: Text(
                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
                  style: TextStyle(
                    color: Colors.white,
                  ),
                ),
                clipper: ChatBubbleClipper3(
                  type: BubbleType.receiverBubble,
                ),
              ),
            ],
          ),   

您的结果屏幕-&>

这篇关于扑腾聊天泡泡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！