vengamo_chat_ui 1.0.0+8

A Flutter package for displaying chat bubbles with customizable styles and animations. It provides a user-friendly interface for creating chat interfaces in Flutter applications.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:vengamo_chat_ui/vengamo_chat_ui.dart';
import 'package:vengamo_chat_ui/theme/app_color.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Vengamo Chat UI',
      theme: ThemeData(
        primarySwatch: Colors.blueGrey,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: VengamoChatScreen(),
    );
  }
}

class VengamoChatScreen extends StatelessWidget {
  String getTime() {
    int hour = DateTime.now().hour;
    int min = DateTime.now().minute;
    String hRes = hour <= 9 ? '0$hour' : hour.toString();
    String mRes = min <= 9 ? '0$min' : min.toString();
    return '$hRes:$mRes';
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Vengamo Chat UI'),
      ),
      body: Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        decoration: const BoxDecoration(
              color: AppColors.backgroundColor,
            ),
 
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 15),
          child: Column(
            children: [
             VengamoChatUI(
            senderBgColor: AppColors.softGreenColor,
            receiverBgColor: AppColors.white,
            isSender: true,
            isNextMessageFromSameSender: false,
            time: getTime(),
            timeLabelColor : AppColors.softBlackcolor,
            text: "Yolla ✋ Hey, guess what?",
            pointer: true, 
            ack: Icon(
                    Icons.check,
                    color: AppColors.iconColor, // You can customize the color here
                  size: 13, // You can customize the size here
            ),
          ),
          VengamoChatUI(
            senderBgColor: AppColors.softGreenColor,
            receiverBgColor: AppColors.white,
            isSender: true,
            isNextMessageFromSameSender: false,
            time: getTime(),
            timeLabelColor : AppColors.softBlackcolor,
            text: "What?",
            pointer: false, 
            ack: Image.asset(
              'assets/images/double_tick_grey.png',
              height: 13,
              width: 13,
            ),
          ),
          VengamoChatUI(
            senderBgColor: AppColors.softGreenColor,
            receiverBgColor: AppColors.darkModeBackgroundColor,
            isSender: false,
            textColor: AppColors.white,
            timeLabelColor: AppColors.softGreenColor,
            isNextMessageFromSameSender: false,
            time: getTime(),
            text: "I invented a new word!.",
            pointer: true, 
            ack: Image.asset(
              'assets/images/double_tick_green.png',
              height: 14,
              width: 15,
            ),
          ),
          VengamoChatUI(
            senderBgColor: AppColors.softGreenColor,
            receiverBgColor: AppColors.white,
            isSender: false,
            isNextMessageFromSameSender: false,
            time: getTime(),
            text: "Really? What is it?",
            pointer: false, 
            ack: Image.asset(
              'assets/images/double_tick_green.png',
              height: 14,
              width: 15,
            ),
          ),VengamoChatUI(
            senderBgColor: AppColors.softGreenColor,
            receiverBgColor: AppColors.white,
            isSender: true,
            isNextMessageFromSameSender: false,
            time: getTime(),
            text: "Plagiarism! 💫.",
            pointer: false, 
            ack: Image.asset(
              'assets/images/sent.png',
              height: 12,
              width: 12,
            ),
          ),
          VengamoChatUI(
            senderBgColor: AppColors.iconColor,
            receiverBgColor: AppColors.white,
            isSender: true,
            textColor: AppColors.white,
            timeLabelColor: AppColors.white,
            isNextMessageFromSameSender: false,
            time: getTime(),
            text: "Haha, that\'s clever!",
            pointer: true, 
            ack: Image.asset(
              'assets/images/delivered.png',
              height: 12,
              width: 12,
            ),
          ),
           VengamoChatUI(
            senderBgColor: AppColors.softGreenColor,
            receiverBgColor: AppColors.white,
            isSender: true,
            isNextMessageFromSameSender: false,
            time: getTime(),
            text: "Thanks! I thought you\'d like it 🤪",
            pointer: false, 
            ack: Image.asset(
              'assets/images/seen.png',
              height: 12,
              width: 12,
            ),
          )
            ],
          ),
        ),
      ), // Use Vengamo Chat UI component here
    );
  }
}