Alfaizkhan/flutter-emoji-selector

Buy Me A Coffee

Emoji Selector

Emoji Selector is an emoji picker component for Flutter.

Screenshot of emoji Selector

Getting Started

Declare dependency in your pubspec.yaml

dependencies:
    emoji_selector: ^0.0.6

[Optional] If you need support for Plattfroms that don't have the Apple Color Emoji font installed (e.g. Linux, Web, ...), download Noto Emoji Font from https://github.com/googlefonts/noto-emoji) and add it to your pubspec.yaml:

flutter:
  fonts:
    - family: Noto Emoji
      fonts:
        - asset: fonts/NotoEmoji/NotoEmoji.ttf

You can then easily embed the Emoji Selector Widget anywhere in your application:

EmojiSelector(
    onSelected: (emoji) {
        print('Selected emoji ${emoji.char}');
    },
),

You will receive a callback with an EmojiData object represented the emoji picked by the user.

class EmojiData {
  final String id;
  final String name;
  final String unified;
  final String char;
  final String category;
  final int skin;
}

When the emoji is qualified with a skin tone, both unified and char contains the qualifed values.

The skin parameter goes from 0 to 6, 0 representing no skin tone applied. 1 is then the lighter skin tone and 6 the darkest.

How to use as a keyboard

You can use a modal sheet to simulate a keyboard.

return showModalBottomSheet(
    context: context,
    builder: (BuildContext subcontext) {
        return SizedBox(
        height: 256,
        child: EmojiSelector(
            onSelected: (emoji) {
            Navigator.of(subcontext).pop(emoji);
            },
        ),
        );
    },
);