nice_chat_bubble

Description:

nice chat bubble

TODO: Nice Chat Bubble is a Flutter bubble Effect Widget. A flutter chat bubble package that is easy to use.
Getting started #
Chat Bubble roperties:
ChatBubble(
message: 'Hello, How are you?',
bubbleColor: Colors.blue,
isReciever: true,
isSeen: true,
bubbleTextStyle: const TextStyle(
color: Colors.white,
fontSize: 15,
),
),
copied to clipboard
Full Code:
class MyHomePage extends StatelessWidget {
const MyHomePage({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return Scaffold(
body: SingleChildScrollView(
scrollDirection: Axis.vertical,
physics: const BouncingScrollPhysics(),
child: Column(
children: [
const SizedBox(height: 400),
ChatBubble(
message:
'How are you? I hope you are doing well. Where are you currently? I"'
'm at your home.',
bubbleColor: Colors.green,
isReciever: false,
isSeen: false,
bubbleTextStyle: const TextStyle(
color: Colors.white,
fontSize: 15,
),
),
ChatBubble(
message:
'I am fine. Please wait 1 hour, coming as soon as possible. Is everything ok? What is your phone password buddy?',
bubbleColor: Colors.blue,
isReciever: true,
isSeen: true,
bubbleTextStyle: const TextStyle(
color: Colors.white,
fontSize: 15,
),
),
const SizedBox(height: 20),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
child: TextFormField(
decoration: InputDecoration(
hintText: 'Type a message',
enabledBorder: OutlineInputBorder(
borderSide: const BorderSide(color: Colors.grey),
borderRadius: BorderRadius.circular(10),
),
focusedBorder: OutlineInputBorder(
borderSide: const BorderSide(color: Colors.grey),
borderRadius: BorderRadius.circular(10),
),
),
),
),
],
),
),
);
}
}
copied to clipboard
Usage #
TODO: You can find example in /example folder.