Every platform seems not support all of the emoji and it's difficult to filter them. I'm looking for ideas for filtering methods beside doing it manually.

close: #37

I encountered a need to search for emojis feature, but I can’t get all emojis, so I think a public method class should be implement for the convenience of expansion.

I think this change should be very useful, for example:

1. when our package adds a category, we don’t need to modify it in multiple places
2. want to expand the function of searching emoticons, at this time, we need to get all the expressions, this method does not require the user to reassemble all the expression data.

Context:

• emoji_picker_flutter 1.4.0
• Flutter 3.3.3
• Android 10 device (no AVD)

/flutter (31446): The following assertion was thrown during a scheduler callback:
I/flutter (31446): Controller's length property (9) does not match the number of
I/flutter (31446): tabs (17) present in TabBar's tabs property.
I/flutter (31446): 
I/flutter (31446): When the exception was thrown, this was the stack:
I/flutter (31446): #0      _TabBarState._debugScheduleCheckHasValidTabsCount.<anonymous closure>.<anonymous closure> (package:flutter/src/material/tabs.dart:1162:11)
I/flutter (31446): #1      _TabBarState._debugScheduleCheckHasValidTabsCount.<anonymous closure> (package:flutter/src/material/tabs.dart:1168:8)
I/flutter (31446): #2      SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1175:15)
I/flutter (31446): #3      SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1113:9)
I/flutter (31446): #4      SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:1015:5)
I/flutter (31446): #8      _invoke (dart:ui/hooks.dart:150:10)
I/flutter (31446): #9      PlatformDispatcher._drawFrame

The bug was not in version 1.3.1 of this library.

Hi,

I went quite far with this PR. Let me know if you feel like this deviates too much from your original vision, I'll publish my fork under a different name. I wanted to address two issues before using this library in my project: performance (scroll lag) and compatibility (icons support, specifically on Android: some icons while technically exist in system fonts, don't have a colored version)

So, here is the list of my changes (at least noteworthy ones):

Performace-related

• removed shrinkWrap property from the GridView (not sure what was the reason for adding it, but it can impact performance)
• refactored emoji cells into using InkWell instead of buttons for ButtonMode.MATERIAL mode (very noticeable scrolling performance boost)
• added ButtonMode.NONE. The biggest scrolling performance hinder comes out of using buttons inside GridView. Clients may now opt for using a plain GestureDetector for cells which gives butter-smooth scrolling, sacrificing visual touch response on cells.
• refactored TriangleShape into Decoration. Does not improve performance that much, but still saves a couple of widgets and makes the code cleaner.

Code simplification

• refactored raw data from lists of Strings to direct initialization of list of categories with Emoji objects (also applied the fix for the incorrect koala face position). This change allows to (a) maintain raw data easier, because now the emoji character, its name, and skin support are all in one place; (b) build a manageable way of providing custom set of emojis by the host app; (c) remove a lot of initialization code.
• refactored Android "support check", mainly to make it compatible with the new raw data structure.
• removed caching of supported emojis in SharedPreferences. In my tests, checking for compatibility only takes around 100-120ms. Considering that initialization is not blocking widget tree building, with Offstage widget happens before user gets a chance to see any picker UI, and retrieving the first instance of SharedPreferences alone takes 3 times longer, I think this optimization was unnecessary. Removing it allows to get rid of emojis versioning and simplifies initialization code even further.

Compatibility

• added a way to customize emoji set. Host app can use this to only allow emojis that are guaranteed to be supported by their target platforms. Or filter out emojis that users don't like for cultural reasons. Or add more emojis without waiting for library update.
• added a way to set a custom emoji text style. Allows to use custom font for emojis either with GoogleFonts package or with a font bundled with the app.
• added EmojiTextEditingController class that can be used to apply the same custom emoji font to a TextField input.
• provided an example of using library method EmojiPickerUtils.setEmojiTextStyle to apply custom emoji font to a RichText widget.

General usability

• added a setting to disable Android emoji compatibility check. If the host app is targeting platforms that are guaranteed to have support of all emojis, use custom font or a limited set of emojis, the check is unnecessary and may save some initialization time.
• provided an example of inserting emojis with EditableTextState that properly updates scroll position of a TextField, see comment for _onEmojiSelected method in the example for more details.
• removed progress indicator and related setting. Initialization on my not that performant device never takes longer than 0.5s and happens offscreen, having the progress indicator with customizable color only adds confusion, in my opinion.

Preview of the result.

This PR adds Web to the list of supported Platforms.

Issue: #2

Open Issues:

• When using custom fonts, Emoji's are not correctly displayed in their text fields when selected. Solution would be custom RichTextInput like explained here https://stackoverflow.com/questions/44936239/displaying-text-with-emojis-on-flutter
• (low priority) custom font doesn't work in android/ios, probably emoji needs to be rendered at the start of the app in order to trigger loading the custom font.

Hello!

We went on beta (join it if you want hihi) and found a new issue. When the parent of the picker calls setState(), the emoji picker loses its state and goes back to the first page.

Do you know any quick way to fix it? Or should we change the emoji picker itself and release a new version?

Here's an example that showcases the issue. In this case, when we scroll the list, we call a setState() to show or hide the FAB. Now I'm going to do it with a ValueNotifier to avoid that setState() only for a part of the screen, but well, the issue is there.

As usual, thanks for the plugin and the support! 👍

This should fix the hot reload issue some projects encountered because of the deprecated warnings.

Tickets

Closes #71

Changes

• Update packages
• Remove unnecessary null aware checks

In Flutter 3, WidgetsBinding.instance no longer requires a null safety check.

: Warning: Operand of null-aware operation '!' has type 'WidgetsBinding' which excludes null.
../…/src/emoji_picker.dart:164
- 'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('../../../../bin/flutter/packages/flutter/lib/src/widgets/binding.dart').
package:flutter/…/widgets/binding.dart:1
        (value) => WidgetsBinding.instance!.addPostFrameCallback((_) {

Hi @Fintasys, I added a const keyword to the EmojiPicker and a Container to the CircularLoadingIndicator. The reason for this is I use the EmojiPickerWidget sometimes with a transparent background. After evaluate every option I came to the conclusion that the best solution for this is to modify your library and add the Container.

I also tried to run your example and I had some issues. Therefore, I do some modifications the build.gradle files to make it work.

Let me know if you agree with my changes :)

I/flutter (21183): type 'Null' is not a subtype of type 'bool' in type cast I/flutter (21183): #0 Emoji.fromJson (package:emoji_picker_flutter/src/emoji.dart:30:40) I/flutter (21183): #1 RecentEmoji.fromJson (package:emoji_picker_flutter/src/recent_emoji.dart:20:13) I/flutter (21183): #2 MappedListIterable.elementAt (dart:_internal/iterable.dart:413:31) I/flutter (21183): #3 ListIterator.moveNext (dart:_internal/iterable.dart:342:26) I/flutter (21183): #4 new _GrowableList._ofEfficientLengthIterable (dart:core-patch/growable_array.dart:188:27) I/flutter (21183): #5 new _GrowableList.of (dart:core-patch/growable_array.dart:150:28) I/flutter (21183): #6 new List.of (dart:core-patch/array_patch.dart:51:28) I/flutter (21183): #7 ListIterable.toList (dart:_internal/iterable.dart:213:44) I/flutter (21183): #8 EmojiPickerInternalUtils.getRecentEmojis (package:emoji_picker_flutter/src/emoji_picker_internal_utils.dart:136:56) I/flutter (21183): <asynchronous suspension> I/flutter (21183): #9 EmojiPickerState._updateEmojis (package:emoji_picker_flutter/src/emoji_picker.dart:214:22) I/flutter (21183): <asynchronous suspension> I/flutter (21183): ----------------------------------------------------

I would love to change the animation duration from one page to another in the Config. We could just add an attribute Duration animationDuration or Duration pageChangeDuration to the config and pass it to the animateTo function here.

I believe I'm using the latest version. I noticed several emojis are missing from the iOS set, including 🫡. Peculiarly, I see this unhappy fellow in the list as of 1.5.0: