animation - 如何在Flutter应用中使Lottie动画变得 flutter 朔迷离？

Question

我想在Flutter应用中制作Lottie文件的动画。
我尝试搜索互联网的每个角落，但未找到任何有关它的信息。

我发现有一个flutter包“flutter_lottie.dart”，并且具有动画功能。

作者还提供了一个有关flutter_lottie.dart用法的示例

但这我尝试运行确切的示例:flutter Lottie example

它给出了相同的错误:

Creating Method Channel convictiontech/flutter_lottie_0
E/flutter (11371): [ERROR:flutter/shell/common/shell.cc(199)] Dart Error: Unhandled exception:
E/flutter (11371): PlatformException(error, java.lang.IllegalStateException: Unable to parse 
composition
E/flutter (11371):  at com.airbnb.lottie.LottieAnimationView$2.onResult(LottieAnimationView.java:68)

如何在Flutter中使用Lottie使用动画？

Answer 1

lottie package是Lottie Player的纯Flutter/Dart实现。
它是Lottie-Android的直接端口，并且支持相同的功能集。

将此包含在您的pubspec.yaml中

dependencies:
  lottie:

import 'package:flutter/material.dart';
import 'package:lottie/lottie.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Lottie.asset('assets/lottiefile.json'),
      ),
    );
  }
}

酒馆: https://pub.dev/packages/lottie
GitHub: https://github.com/xvrh/lottie-flutter