![Capture d’écran 2023-06-09 à 11 24 39](https://private-user-images.githubusercontent.com/133201077/244636765-a0b69b4b-9e0b-4a98-a313-0951676ab98e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3MTY3MTQsIm5iZiI6MTcxOTcxNjQxNCwicGF0aCI6Ii8xMzMyMDEwNzcvMjQ0NjM2NzY1LWEwYjY5YjRiLTllMGItNGE5OC1hMzEzLTA5NTE2NzZhYjk4ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYzMFQwMzAwMTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03OTIxMzIyNTk3ZWY0ZmNlYWY5ZjcwZTg0YWRjMDc5Mzk4NDlmNThjYTY1MTJjYmJiYWNiNTI2ZDFlN2IyZmM3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.3T5F9WcEh5-bDJJdCuAjYKEa1aMvGz5L97vfC6lR5dM)
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.
- Familiar UI elements from WhatsApp, Telegram, and Facebook Messenger.
- Customizable themes to personalize the chat interface.
- Image file support
- Audio files support
- Video file Support
- Get in touch
- Send us an email vengamosocial@gmail.com
- Send us a message on whatsApp
- Send us a message on Skype
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,
),
)
To use Vengamo Chat UI in your Flutter project, follow these steps:
-
Ensure that you have Flutter installed on your system. For installation instructions, refer to the Flutter official documentation.
-
Open your project's
pubspec.yaml
file. -
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. -
Save the
pubspec.yaml
file. -
Run the following command in your project's root directory:
flutter pub get
-
Import Vengamo Chat UI in your Dart code:
import 'package:vengamo_chat_ui/vengamo_chat_ui.dart';
-
You can now use Vengamo Chat UI components in your Flutter app.
![Profile Image](https://private-user-images.githubusercontent.com/133201077/257438085-7030deee-4d00-4de9-83d0-e0e46800070b.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3MTY3MTQsIm5iZiI6MTcxOTcxNjQxNCwicGF0aCI6Ii8xMzMyMDEwNzcvMjU3NDM4MDg1LTcwMzBkZWVlLTRkMDAtNGRlOS04M2QwLWUwZTQ2ODAwMDcwYi5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYzMFQwMzAwMTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01Y2FjOTU5ZGRjMzBiNTA4MzkwNzgxYzVlZDY4ODM5MmU0OTYzMjE0YmY2Zjk3MmU5Njg2OTA4NGRiYmMxZmUzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Q0UEwVfdV_D7yqx78OhQ8DNnnAEY0dI99B9HMtF56_E)
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.
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.