我想在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使用动画?
最佳答案
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
关于animation - 如何在Flutter应用中使Lottie动画变得 flutter 朔迷离?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60124534/