whatsapp_field 1.0.7 copy "whatsapp_field: ^1.0.7" to clipboard
whatsapp_field: ^1.0.7 copied to clipboard

A customizable WhatsApp-style text form field for Flutter.

๐ŸŸข WhatsAppTextField #

A fully customizable WhatsApp-style chat input field for Flutter with emoji picker, dynamic resizing, attachment options, and sleek modern UX.


pub version license


๐Ÿš€ Features #

๐ŸŒŸ Feature ๐Ÿ’ฌ Description
๐Ÿ’ฌ WhatsApp-style UI A clean, responsive, chat input field inspired by WhatsApp
๐Ÿ˜€ Emoji Picker Built-in emoji picker toggle or plug in your own
๐Ÿ“Ž Attachment Sheet Camera, gallery, audio, documents, contacts โ€” fully customizable
๐ŸŽฏ Custom Send Button Icon, radius, and color can be tailored to your app's branding
โš™๏ธ Configurable Input Autofocus, keyboard type, max lines, suggestions, capitalization, etc.
๐Ÿ“ฑ Responsive Layout Adapts seamlessly with keyboard and overlays
๐Ÿ”Œ Callback Support onSendTap, onChanged, emoji tap, and attachment hooks

๐Ÿ“ฆ Installation #

Add the package to your pubspec.yaml:

dependencies:
  whatsapp_field: ^1.0.7

Then run:

flutter pub get

๐Ÿ”ง Parameters #

Parameter Type Default Description
hintText String "Type a message" Placeholder text
onSendTap Function(String) required Callback when the send button is tapped
showEmojiPicker bool true Toggle to display emoji picker
backgroundColor Color Colors.white Background color of the input field
sendButtonColor Color Colors.green Color of the send button
sendButtonIcon IconData Icons.send Icon used for the send button
maxLines int 5 Maximum number of lines allowed
attachmentIcons List<Widget> [] Custom attachment icons to show in sheet
onAttachmentTap Function(List<File>)? null Callback for selected attachments
controller TextEditingController? null Optional controller for the field
focusNode FocusNode? null Custom focus node for managing focus

๐Ÿงช Example #

WhatsAppTextField(
  hintText: "Send a message...",
  onSendTap: (text) {
    print("Message sent: $text");
  },
  onAttachmentTap: (files) {
    print("Files selected: $files");
  },
)

๐Ÿ“ธ Screenshots #

Already provided above for visual preview.


๐Ÿ‘จโ€๐Ÿ’ป Contributing #

Feel free to fork the repo and submit PRs! For major changes, please open an issue first.


๐Ÿ“„ License #

MIT License

0
likes
0
points
21
downloads

Publisher

unverified uploader

Weekly Downloads

A customizable WhatsApp-style text form field for Flutter.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

collection, contacts_service, cupertino_icons, emoji_picker_flutter, file_picker, flutter, permission_handler, whatsapp_camera

More

Packages that depend on whatsapp_field