flutter_emoji_picker 1.0.1 copy "flutter_emoji_picker: ^1.0.1" to clipboard
flutter_emoji_picker: ^1.0.1 copied to clipboard

An simple emojis picker that makes too easy select emojis from any platform

Flutter Emoji Picker #

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

Emoji bottom sheet picker option preview Emoji dialog picker option preview

Usage #

Import the Package #

import 'package:flutter_emoji_picker/flutter_emoji_picker.dart';

Wrap your MaterialApp with our EmojiProvider #

EmojiProvider(
  child: MaterialApp(
    title: 'Flutter Demo',
    home: Scaffold(
      body: ...yourcode 
    ),
  ),
);

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'),
),

Bottomsheet option

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

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('😀'),
)

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.

0
likes
140
points
54
downloads

Publisher

unverified uploader

Weekly Downloads

An simple emojis picker that makes too easy select emojis from any platform

Homepage
Repository (GitHub)
View/report issues

Topics

#ui #picker #emojis #widget #emojis-picker

Documentation

Documentation
API reference

License

BSD-3-Clause (license)

Dependencies

bloc, collection, equatable, eva_icons_flutter, flutter, flutter_bloc, flutter_hooks, sliver_tools

More

Packages that depend on flutter_emoji_picker