【问题标题】:Flutter chat bubble颤振聊天气泡
【发布时间】:2021-12-16 20:29:50
【问题描述】:

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

【问题讨论】:

    标签: flutter flutter-web


    【解决方案1】:

    查看flutter_chat_bubble 库。

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

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

    【讨论】:

      【解决方案2】:

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

      您的结果屏幕->

      【讨论】:

      • 我想要提取设计
      猜你喜欢
      • 2022-11-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-05-19
      • 2018-11-01
      • 2022-11-17
      相关资源
      最近更新 更多