Skip to content

Alfaizkhan/flutter-emoji-selector

Repository files navigation

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

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);
            },
        ),
        );
    },
);