Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cathood0/emoji_picker
Emoji picker makes it easy to select emojis from any platform.
https://github.com/cathood0/emoji_picker
emojis ui widgets
Last synced: 1 day ago
JSON representation
Emoji picker makes it easy to select emojis from any platform.
- Host: GitHub
- URL: https://github.com/cathood0/emoji_picker
- Owner: CatHood0
- License: bsd-3-clause
- Created: 2024-08-19T06:14:49.000Z (5 months ago)
- Default Branch: Main
- Last Pushed: 2024-08-26T04:19:05.000Z (5 months ago)
- Last Synced: 2024-11-18T01:37:20.208Z (2 months ago)
- Topics: emojis, ui, widgets
- Language: Dart
- Homepage: https://pub.dev/packages/flutter_emoji_picker
- Size: 324 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Flutter Emoji Picker
**Flutter Emoji picker** makes more easy select emojis from any platform using different types of picker.
## Usage
### Import the Package
```dart
import 'package:flutter_emoji_picker/flutter_emoji_picker.dart';
```
### Wrap your `MaterialApp` with our `EmojiProvider`
```dart
EmojiProvider(
child: MaterialApp(
title: 'Flutter Demo',
home: Scaffold(
body: ...yourcode
),
),
);
```
### Example
We have three options to select/show emojis picker
#### Dialog option
```dart
EmojiButton(
emojiPickerViewConfiguration: EmojiPickerViewConfiguration(
viewType: ViewType.dialog,
onEmojiSelected: (String emoji) {
print('Emoji selected: $emoji');
},
),
child: const Text('Click Me'),
),
```
#### Bottomsheet option
```dart
EmojiButton(
emojiPickerViewConfiguration: EmojiPickerViewConfiguration(
viewType: ViewType.bottomsheet,
onEmojiSelected: (String emoji) {
print('Emoji selected: $emoji');
},
),
child: const Text('Click Me'),
),
```
#### Screen option
This option gives a full screen for just select the emojis
```dart
IconButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (ctx) {
return EmojiListView(
currentHoveredEmoji: , // 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('😀'),
)
```
## Community Support
If you have any suggestions or issues, feel free to open an [issue](https://github.com/CatHood0/emoji_picker/issues).
If you would like to contribute, feel free to create a [PR](https://github.com/CatHood0/emoji_picker/pulls).