flutter_chat_bubble

Description:

flutter chat bubble

Flutter Chat Bubble/UI #
Discover the ultimate Flutter widget for creating diverse chat UI designs like WhatsApp, Telegram, and more. With its customizable properties, create stunning chat UI and elevate the user experience in your messaging app. Enhance your Flutter development skills with this top-notch chat UI widget and make a mark in the world of real-time communication.
Usage #
Add this to your package's pubspec.yaml file:
dependencies:
flutter_chat_bubble: <latest-version>
copied to clipboard
Examples #
Easily create dynamic chat bubbles with the ChatBubble widget in Flutter with the extensive range of properties.
Example 1 #

ChatBubble(
clipper: ChatBubbleClipper1(type: BubbleType.sendBubble),
alignment: Alignment.topRight,
margin: EdgeInsets.only(top: 20),
backGroundColor: Colors.blue,
child: Container(
constraints: BoxConstraints(
maxWidth: MediaQuery.of(context).size.width * 0.7,
),
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),
),
),
)

ChatBubble(
clipper: ChatBubbleClipper1(type: BubbleType.receiverBubble),
backGroundColor: Color(0xffE7E7ED),
margin: EdgeInsets.only(top: 20),
child: Container(
constraints: BoxConstraints(
maxWidth: MediaQuery.of(context).size.width * 0.7,
),
child: Text(
"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat",
style: TextStyle(color: Colors.black),
),
),
)
copied to clipboard
Example 2 #

ChatBubble(
clipper: ChatBubbleClipper2(type: BubbleType.sendBubble),
)

ChatBubble(
clipper: ChatBubbleClipper2(type: BubbleType.receiverBubble),
)
copied to clipboard
Example 3 #

ChatBubble(
clipper: ChatBubbleClipper3(type: BubbleType.sendBubble),
)

ChatBubble(
clipper: ChatBubbleClipper3(type: BubbleType.receiverBubble),
)
copied to clipboard
Example 4 #

ChatBubble(
clipper: ChatBubbleClipper4(type: BubbleType.sendBubble),
)

ChatBubble(
clipper: ChatBubbleClipper4(type: BubbleType.receiverBubble),
)
copied to clipboard
Example 5 #

ChatBubble(
clipper: ChatBubbleClipper5(type: BubbleType.sendBubble),
)

ChatBubble(
clipper: ChatBubbleClipper5(type: BubbleType.receiverBubble),
)
copied to clipboard
Example 6 #

ChatBubble(
clipper: ChatBubbleClipper6(type: BubbleType.sendBubble),
)

ChatBubble(
clipper: ChatBubbleClipper6(type: BubbleType.receiverBubble),
)
copied to clipboard
Example 7 #

ChatBubble(
clipper: ChatBubbleClipper7(type: BubbleType.sendBubble),
)

ChatBubble(
clipper: ChatBubbleClipper7(type: BubbleType.receiverBubble),
)
copied to clipboard
Example 8 #

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

ChatBubble(
clipper: ChatBubbleClipper8(type: BubbleType.receiverBubble),
)
copied to clipboard
Example 9 #

ChatBubble(
clipper: ChatBubbleClipper9(type: BubbleType.sendBubble),
)

ChatBubble(
clipper: ChatBubbleClipper9(type: BubbleType.receiverBubble),
)
copied to clipboard
Example 10 #

ChatBubble(
clipper: ChatBubbleClipper10(type: BubbleType.sendBubble),
)

ChatBubble(
clipper: ChatBubbleClipper10(type: BubbleType.receiverBubble),
)
copied to clipboard
Features and bugs #
Submit feature requests and report bugs through the issue tracker.