xen_emojify 1.0.1

xen_emojify is a versatile Flutter package designed to enhance user interaction by providing a rich and engaging way to display Facebook-like reactions within your app.

xen_emojify

⚠️BEFORE STARTING READ: LOTTIE LICENSE

TRY WEB DEMO

---

xen_emojify is a versatile Flutter package designed to enhance user interaction by providing a rich and engaging way to display Facebook-like reactions within your app. Leveraging the power of Lottie, a dynamic animation library, this package delivers seamless and visually stunning animations, ensuring a delightful user experience.

With xen_emojify, you can easily integrate a customizable reaction widget into your Flutter app, offering users a range of expressive reactions such as like, love, laugh, and more. This widget is highly customizable, allowing you to adjust its size, color scheme, and animation speed to suit your app's design and branding.

Whether you're developing a social media platform, a content-sharing app, or any other application that benefits from user feedback, xen_emojify provides a seamless solution for implementing reaction functionality. Engage your users and add a touch of personality to your app with xen_emojify.

Features

1. Displays like, love, laugh, and other reaction icons.
2. Customizable size, color, and animation speed.
3. Supports onTap callbacks for handling user interactions.

FREE LOTTIES

1. Noto Animated Emoji
2. IconScout

Getting started

In your pubspec.yaml file, add the following dependency:

dependencies:
    xen_emojify: current_version

Import the xen_emojify package

import 'package:xen_emojify/xen_emojify.dart';

---

Example Usage

  XenEmoji initialEmoji = const XenEmoji(
      'https://fonts.gstatic.com/s/e/notoemoji/latest/1f60d/lottie.json',
      label: 'heart eyes',
      lottieID: '1f60d',
    );


    final xenEmojifyWidget = XenEmojify(
      lottieSource: LottieSources.network,
      displayLabel: true,
      initialEmoji: initialEmoji,
      xenEmojifyDock: XenEmojifyDock(
        dockColor: Colors.amber.withOpacity(0.7),
        onEmojiSelect: (emoji) {
          setState(() => initialEmoji = emoji);
        },
        xenEmojis: const [
          XenEmoji(
            'https://fonts.gstatic.com/s/e/notoemoji/latest/1f60d/lottie.json',
            label: 'Heart Eyes',
            lottieID: '1f60d',
          ),
        ],
      ),
    );