MessengerX

Vengamo Chat UI is a Flutter project that combines the user interface elements of WhatsApp, Telegram, and Facebook Messenger in one place. It offers a seamless and intuitive chat experience inspired by these popular messaging applications.

Features

  • Familiar UI elements from WhatsApp, Telegram, and Facebook Messenger.
  • Customizable themes to personalize the chat interface.
  • Image file support
  • Audio files support
  • Message Reply

What's coming next

  • Video file Support

Early Feature request

Screen Shoot

Capture d’écran 2023-09-04 à 07 07 39

VengamoChatUI Drop in Properties.

Examples

   VengamoChatUI(
              senderBgColor: AppColors.softGreenColor,
              receiverBgColor: AppColors.white,
              isSender: true,
              isNextMessageFromSameSender: false,
              time: getTime(),
              isAudio: true,
              audioSource: 'http://www.uscis.gov/files/nativedocuments/Track%2093.mp3',
              timeLabelColor: AppColors.iconColor,
              pointer: true,
              ack: Image.asset(
                'assets/images/seen.png',
                height: 12,
                width: 12,
              ),
            ),
   VengamoChatUI(
            senderBgColor: AppColors.softGreenColor,
            receiverBgColor: AppColors.white,
            isSender: true,
            isNextMessageFromSameSender: false,
            time: '10:00',
            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,
              timeLabelColor: AppColors.darkModeBackgroundColor,
              isSender: true,
              isNextMessageFromSameSender: false,
              imgUrl : 'https://wallpaperaccess.com/full/1248267.jpg',
              caption: "Why did the sun never want to join the galaxy's talent show? Because it didn't want to be a star performer, it preferred to shine solo",
              time: '07:05',
              pointer: true, 
              ack: Image.asset(
                'assets/images/seen.png',
                height: 12,
                width: 12,
              ),
   )

Getting Started

To use Vengamo Chat UI in your Flutter project, follow these steps:

  1. Ensure that you have Flutter installed on your system. For installation instructions, refer to the Flutter official documentation.

  2. Open your project's pubspec.yaml file.

  3. Add the following dependency under the dependencies section:

    dependencies:
      vengamo_chat_ui: ^1.2.5
    

    Replace ^1.2.5 with the desired version of Vengamo Chat UI.

  4. Save the pubspec.yaml file.

  5. Run the following command in your project's root directory:

    flutter pub get
    
  6. Import Vengamo Chat UI in your Dart code:

    import 'package:vengamo_chat_ui/vengamo_chat_ui.dart';
    
  7. You can now use Vengamo Chat UI components in your Flutter app.

Project maintainer

Profile Image

.Eric Weeb

Contributions

Contributions to the Vengamo Chat UI project are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request. Please follow the project's code of conduct.

License

The Vengamo Chat UI project is licensed under the MIT License.

Feel free to use this README template as a starting point and add more details as needed to provide a comprehensive overview of your Vengamo Chat UI project.