chat_bubbles 0.7.1 chat_bubbles: ^0.7.1 copied to clipboard
This is a simple Flutter widget plugin. Developers can easily use this plugin to implement chat bubbles or speech bubbles. There are mainly three types of chat bubbles in this plugin. This plugin is c [...]
import 'package:flutter/material.dart';
import 'package:chat_bubbles/chat_bubbles.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'chat bubble example',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'chat bubble example'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
BubbleNormal(
text: 'bubble normal with tail',
isSender: false,
color: Color(0xAF52FF8C),
tail: true,
),
BubbleNormal(
text: 'bubble normal with tail',
isSender: true,
color: Color(0xAF6AD0F5),
tail: true,
),
BubbleNormal(
text: 'bubble normal without tail',
isSender: false,
color: Color(0xAF52FF8C),
tail: false,
),
BubbleNormal(
text: 'bubble normal without tail',
color: Color(0xAF6AD0F5),
tail: false,
),
BubbleSpecialOne(
text: 'bubble special one with tail',
isSender: false,
color: Color(0xAF52FF8C),
),
BubbleSpecialOne(
text: 'bubble special one without tail',
color: Color(0xAF6AD0F5),
),
BubbleSpecialOne(
text: 'bubble special one with tail',
isSender: false,
tail: false,
color: Color(0xAF52FF8C),
),
BubbleSpecialOne(
text: 'bubble special one without tail',
tail: false,
color: Color(0xAF6AD0F5),
),
BubbleSpecialTwo(
text: 'bubble special tow with tail',
isSender: false,
color: Color(0xAF52FF8C),
),
BubbleSpecialTwo(
text: 'bubble special tow with tail',
isSender: true,
color: Color(0xAF6AD0F5),
),
BubbleSpecialTwo(
text: 'bubble special tow without tail',
isSender: false,
tail: false,
color: Color(0xAF52FF8C),
),
BubbleSpecialTwo(
text: 'bubble special tow without tail',
tail: false,
color: Color(0xAF6AD0F5),
),
],
),
),
),
// This trailing comma makes auto-formatting nicer for build methods.
);
}
}