WhatsApp’s chat bubble for your Flutter app

Is it that challenging to achieve WhatsApp’s chat bubble shape in a Flutter app? This article will help you to do it easily.

After working on some Flutter chat app projects I realized that chat bubbles plugin is a must for developers. Hence, I started working on this three weeks ago and I published the chat_bubbles Flutter plugin, which you can find it here and follow the steps below to use the chat_bubbles widgets.

Getting Started

Add this to your package’s pubspec.yaml file:

dependencies:
  chat_bubbles: ^0.7.1+6

Usage

Then you just have to import the package with

import ‘package:chat_bubbles/chat_bubbles.dart

Now you can use this plugin to implement various types of Chat Bubbles.

Example

for WhatsApp’s shape chat bubble

Whatsapp shape chat bubbles

for all the shapes of chat bubbles

example of all the chat bubble types

Thanks for reading this article! Leave a comment below if you have any questions or suggestions.