Description:

v chat input ui

V Chat SDK - Input UI & Recorder Package #
Welcome to the V Chat SDK Input UI & Recorder Package, a standalone component that provides a user-friendly input interface and voice recording feature for your chat application. This package is a part of the V Chat SDK ecosystem, but it can also be used independently.
Features #

Internationalization (i18n): This package supports multiple languages, enabling you to cater to a diverse global user base.
Theme Customization: You can easily customize the look and feel of your chat input and recorder to align with your application's theme.
Voice Recording: Allows your users to send voice messages seamlessly.

Installation #
To get started with the V Chat SDK Input UI & Recorder package, you'll need to install it using your preferred package manager.
Usage #
To integrate this package into your application, implement the VMessageInputWidget as shown in the example code below:
VMessageInputWidget(
onSubmitText: controller.onSubmitText,
autofocus: VPlatforms.isWebRunOnMobile || VPlatforms.isMobile ? false : true,
language: VInputLanguage(

),
focusNode: controller.focusNode,
onAttachIconPress:,
onSubmitMedia: (files) => controller.onSubmitMedia(context, files),
onSubmitVoice: (data) {
controller.onSubmitVoice(VMessageVoiceData.fromMap(data.toMap()));
},
onSubmitFiles: controller.onSubmitFiles,
onSubmitLocation: (data) {
controller.onSubmitLocation(VLocationMessageData.fromMap(data.toMap()));
},
onTypingChange: (typing) {
controller.onTypingChange(VRoomTypingEnum.values.byName(typing.name));
},
googleMapsLangKey: VAppConstants.sdkLanguage,
maxMediaSize: controller.vMessageConfig.maxMediaSize,
onMentionSearch: (query) => controller.onMentionRequireSearch(context, query),
maxRecordTime: controller.vMessageConfig.maxRecordTime,
googleMapsApiKey: controller.vMessageConfig.googleMapsApiKey,
replyWidget: VReplyWidget(
onReplyCancel: controller.onReplyCancel,
onReplySubmit: controller.onReplySubmit,
),
);
copied to clipboard
You can customize this widget according to your needs.
For theming, you can override theme extensions:
ThemeData(
// Your ThemeData configurations...
).copyWith(extensions: [VInputTheme.light()]);
copied to clipboard
Documentation #
For more comprehensive details on how to use this package, refer to our extensive documentation. It includes detailed guides, examples, and tutorials to fully utilize the V Chat SDK ecosystem.
Support #
If you encounter any issues, have feature requests, or general inquiries, please visit our issues page for information and to report problems.

Note: Always ensure you are using the most recent version of the V Chat SDK and its packages to access the latest features and improvements.

The V Chat SDK Input UI & Recorder Package is proudly developed and maintained by the V Chat Team.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter