lottie-flutter

Render After Effects animations natively on Flutter. This package is a pure Dart implementation of a Lottie player.

MIT License

Stars
1.1K
Committers
15

Bot releases are hidden (Show)

lottie-flutter - v1.3.0

Published by xvrh over 2 years ago

  • Added support for rounded corners on shapes and rects
  • Add support for text in dynamic properties (ValueDelegate)

Example:

Lottie.asset(
  'assets/DynamicText.json',
  delegates: LottieDelegates(values: [
    ValueDelegate.text(
      ['Text layer'], // The path to the text element to change
      value: 'The new text',
    ),
  ]),
)
  • Improve stroke with offset
  • Add support for reversed polystar paths
  • Enforce order of operations to avoid rounding errors
lottie-flutter - v1.2.2

Published by xvrh over 2 years ago

  • Internal maintenance: fix lints for Flutter 2.10
lottie-flutter - v1.2.1

Published by xvrh about 3 years ago

fix: Revert Cubic to PathInterpolator.cubic

lottie-flutter - v1.2.0

Published by xvrh about 3 years ago

  • Add support for gaussian blurs.

Example to blur some elements dynamically:

Lottie.asset(
  'assets/AndroidWave.json',
  delegates: LottieDelegates(values: [
    ValueDelegate.blurRadius(
      ['**'], // The path to the element to blur
      value: 20,
    ),
  ]),
)
  • Add support for drop shadows.

Example to add a shadow dynamically:

Lottie.asset(
  'assets/animation.json',
  delegates: LottieDelegates(values: [
    ValueDelegate.dropShadow(
      ['**'], // The path to the elements with shadow
      value: const DropShadow(
        color: Colors.blue,
        direction: 140,
        distance: 60,
        radius: 10,
      ),
    ),
  ]),
)
lottie-flutter - v1.1.0

Published by xvrh over 3 years ago

  • Add errorBuilder callback to provide an alternative widget in case an error occurs during loading.
Lottie.network(
  'https://example.does.not.exist/lottie.json',
  errorBuilder: (context, exception, stackTrace) {
    return const Text('😢');
  },
);
  • Add onWarning to be notified when a warning occurs during the animation parsing or painting.
    Previously the warnings where written in an internal logger.
    Lottie.asset('animation.json'
      onWarning: (warning) {
        _logger.info(warning);
      },
    );
    
  • Various bug fixes
lottie-flutter - v1.0.1

Published by xvrh over 3 years ago

  • Implement RenderBox.computeDryLayout
lottie-flutter - v1.0.0

Published by xvrh over 3 years ago

  • Migrate to null safety
  • Fix some rendering bugs
  • Add an image delegate to dynamically change images
  • Allow to use an imageProviderFactory with a zip file
lottie-flutter - v0.8.0-nullsafety.4

Published by xvrh over 3 years ago

  • Fix compilation error with the Web platform
lottie-flutter - v0.8.0-nullsafety.3

Published by xvrh over 3 years ago

  • Add image to LottieDelegates
  • Fix imageProviderFactory to work with zip files
lottie-flutter - v0.8.0-nullsafety.2

Published by xvrh over 3 years ago

  • Remove print after load
lottie-flutter - v0.8.0-nullsafety.1

Published by xvrh over 3 years ago

  • Fix rendering bug with matte layers
lottie-flutter - v0.8.0-nullsafety.0

Published by xvrh over 3 years ago

Migrate to null safety

lottie-flutter - v0.7.0+1

Published by xvrh almost 4 years ago

Fix Flutter Web compilation error

lottie-flutter - v0.7.0

Published by xvrh almost 4 years ago

Performance improvement for complex animations.

lottie-flutter - v0.6.0

Published by xvrh about 4 years ago

  • Runs the animation at the frame rate specified in the json file (ie. An animation encoded with a 20 FPS will only be paint 20 times per seconds even though the AnimationController will invalidate the widget 60 times per seconds).
    The new frameRate property allows to opt-out this behaviour and have the widget to repaint at the device frame rate (FrameRate.max).
  • Automatically adds a RepaintBoundary around the widget. Since Lottie animations are generally complex to paint, a RepaintBoundary will separate the animation with the rest of the app and improve performance. A new property addRepaintBoundary allows to opt-out this behaviour.
  • Fixes a bug where we would call markNeedPaint when the animation was not changing. This removes unnecessary paints in animations with static periods.
lottie-flutter - v0.5.1

Published by xvrh about 4 years ago

Remove direct dependencies on dart:io to support Flutter Web

lottie-flutter - v0.5.0

Published by xvrh about 4 years ago

  • Support loading animation from network in a web app
  • Fix a couple of bugs with the web dev compiler
lottie-flutter - v0.4.1

Published by xvrh over 4 years ago

  • Support color value stored as RGB, not RGBA
lottie-flutter - v0.4.0+1

Published by xvrh over 4 years ago

  • Support latest version of the characters package
lottie-flutter - v0.4.0

Published by xvrh over 4 years ago

  • Disable "Merge paths" by default and provide an option to enable them.
    This is the same behavior as in Lottie-android.
    Merge paths currently don't work if the the operand shape is entirely contained within the
    first shape. If you need to cut out one shape from another shape, use an even-odd fill type
    instead of using merge paths.

Merge paths can be enabled with:

Lottie.asset('file.json', options: LottieOptions(enableMergePaths: true));