roundedinfinity / animated_emoji

A flutter package for using animated emojis

Animated Emoji

Provides over 400 animated emojis for your app.

Usage

Just use the AnimatedEmoji widget anywhere in your application and choose an emoji.

const AnimatedEmoji(
  AnimatedEmojis.rocket,
),

Configure the widget to your needs.

AnimatedEmoji(
  AnimatedEmojis.clap.dark,
  size: 128,
  repeat: false,
),

You can also add emojis to your assets for offline support.

First, import the emoji to your pubspec.yaml. The names can be found here.

You need to import the specific skin tones separately to use them (add the prefix to your imports, e.g. Dark, Light, ...)

...
flutter:
  assets:
    - packages/animated_emoji/lottie/rocket.json
    - packages/animated_emoji/lottie/clap.json 
    # Import a skin tone variation.
    - packages/animated_emoji/lottie/clapDark.json

Additional information

This package uses Noto Animated Emoji which is licensed under CC BY 4.0.

animated_emoji's Issues

Please add all new emoji's from Noto Emoji

The package doesn't have emojis like muscle and many others.

Please add all the animated emojis available from noto emoji in the latest version.

Is there any way to control the stop frame when animate is set to false ?

When I set the animation to false it shows the same graphic of "broken-heart" and "red-heart", is there a solution to set the default "frame"?

This is the Broken-heart icon from official https://googlefonts.github.io/noto-emoji-animation/

noto-emoji-animation has new emojis available

I have added some of the missing emojis please see my fork here

I'm not sure which other emojis are missing.

Is there a lower limit for the size of the emojis?

I tried ramping up the size from 20 to 60. No change in the appearance of the emoji.

Upgrade lottie version from 2.7.0 to 3.0.0

As this package depends on lotties old version(2.7.0), can't use it.

In my project I'm using latest version of lottie, whenever trying to add this package(animated_emoji), version solving fails. The LOG is

Resolving dependencies...
Because demoapp depends on animated_emoji ^3.0.0 which depends on lottie ^2.7.0, lottie ^2.7.0 is required.
So, because demoapp depends on lottie ^3.0.0, version solving failed.

You can try the following suggestion to make the pubspec resolve:
* Consider downgrading your constraint on lottie: flutter pub add lottie:^2.7.0
exit code 1

But downgrading lottie isn't possible in my cases, because lottie's latest version has my advantage over older version.

So, please upgrade lotties version in this package(animated_emoji)

💯 doesn't work while loading from assets

When using the 💯 emoji, it tries to load 100.json file, but the correct file is named oneHundred.json.

(code u1f4af).

Is there any way of getting the emoji by it's camelCase name?

I'm trying to get the AnimatedEmojiData dynamically, but can't figure out how without a massive switch statement.
Is there any way to transform the camelCase name of the emojis to their AnimatedEmojiData Object?

Flutter web

Hi,
Thank you for this great package,
It works well on device platforms, but it says it supports also Flutter Web, but it seems it isn't the case.
please see attached the screenshot error I have on the chrome web simulator.
I have tried deploying my flutter webapp also and tried the app on a device's via weblink, and it doesn't work on the flutter webapp.

Can you check this package on Flutter web please?

The Error on Flutter Web

The same Code working perfectly on device platform (ios, android...)

regards,
Chris

Include svgs in package

It would be useful have access to the non-animated version of each emoji (e.g. the svgs in the https://github.com/googlefonts/noto-emoji repository) through this package. Using something like AnimatedEmoji(size: 40, AnimatedEmojis.mindBlown, source: AnimatedEmojiSource.asset, animate: false)) doesn't represent the emojis well in, for example, a dialog that allows the user to pick which animated emoji to use.

Flutter web some animation are failing

Hi,

I figure some issues using the library on flutter web:

sun glasses cool guy:

  assets:
    - packages/animated_emoji/lottie/sunglassesFace.json

    return AnimatedEmoji(
      AnimatedEmojis.sunglassesFace,
      size: 128,
      repeat: true,
    );

rocket:

  assets:
    - packages/animated_emoji/lottie/rocket.json

    return AnimatedEmoji(
      AnimatedEmojis.rocket,
      size: 128,
      repeat: true,
    );

The reported error is:

Flutter Web does not support the blend mode: BlendMode.clear
Another exception was thrown: PersistedScene: is in an unexpected state.
Another exception was thrown: PersistedScene: is in an unexpected state.
Another exception was thrown: PersistedScene: is in an unexpected state.
Another exception was thrown: PersistedScene: is in an unexpected state.

However clapDark animation works perfectly fine.

Do you have any idea about that ?

Thank you! (The lib looks really gorgeous it will give a lot of fresh to my app thank you for that!)