flutter_emoji_picker

Description:

flutter emoji picker

Flutter Emoji Picker #
Flutter Emoji picker makes more easy select emojis from any platform using different types of picker.


Usage #
Import the Package #
import 'package:flutter_emoji_picker/flutter_emoji_picker.dart';
copied to clipboard
Wrap your MaterialApp with our EmojiProvider #
EmojiProvider(
child: MaterialApp(
title: 'Flutter Demo',
home: Scaffold(
body: ...yourcode
),
),
);
copied to clipboard
Example #
We have three options to select/show emojis picker
Dialog option
EmojiButton(
emojiPickerViewConfiguration: EmojiPickerViewConfiguration(
viewType: ViewType.dialog,
onEmojiSelected: (String emoji) {
print('Emoji selected: $emoji');
},
),
child: const Text('Click Me'),
),
copied to clipboard
Bottomsheet option
EmojiButton(
emojiPickerViewConfiguration: EmojiPickerViewConfiguration(
viewType: ViewType.bottomsheet,
onEmojiSelected: (String emoji) {
print('Emoji selected: $emoji');
},
),
child: const Text('Click Me'),
),
copied to clipboard
Screen option
This option gives a full screen for just select the emojis
IconButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (ctx) {
return EmojiListView(
currentHoveredEmoji: <your_custom_value_notifier_for_notify_on_hover_an_emoji>, // optional and just is used if the platform is non mobile
contentPadding: const EdgeInsets.only(left: 20, right: 40),
appBar: SliverAppBar(
leading: IconButton(
icon: const Icon(CupertinoIcons.arrow_left),
onPressed: () {
Navigator.pop(ctx);
},
),
),
configuration: EmojiListViewConfiguration(onEmojiSelected: (String emoji) {
print('Emoji selected: $emoji');
}),
searchBarConfiguration: EmojiPickerSearchFieldConfiguration(showField: false),
);
},
),
);
},
icon: const Text('😀'),
)
copied to clipboard
Community Support #
If you have any suggestions or issues, feel free to open an issue.
If you would like to contribute, feel free to create a PR.