nice_chat_bubble 0.0.1

A flutter chat bubble package that is easy to use.

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,        
   ),
),

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),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Usage

TODO: You can find example in /example folder.