颤振聊天气泡

Posted 2023-02-23

【中文标题】颤振聊天气泡

【英文标题】：Flutter chat bubble

【发布时间】：2021-12-16 20:29:50

【问题描述】：

我想为聊天应用程序创建这种小部件。如何在颤振中设计这个。如果你有想法，谁能帮助我

【参考方案1】：

查看flutter_chat_bubble 库。

您可以根据需要调整属性。

ChatBubble(
    clipper: ChatBubbleClipper8(type: BubbleType.sendBubble),
  )
  
ChatBubble(
    clipper: ChatBubbleClipper8(type: BubbleType.receiverBubble),
  )

【参考方案2】：

试试下面的代码希望它对你有帮助参考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,
                ),
              ),
            ],
          ),   

您的结果屏幕->

【讨论】：

我想要提取设计