燃烧的火柴的颤动动画

Question

现在我正在让自己第一次接触 Flutter 动画。我需要的是火柴烧焦的动画。我可以用什么来制作它？

Answer 1

您可以在 Flutter Flare 中创建此类动画。查看 https://pub.dev/packages/flare_flutter

在 https://flare.rive.app/ and export using the export engine, or you can find ready resources on https://flare.rive.app/explore/popular/trending/all

上创建动画

从那里获得 .flr 文件后，您可以使用 flare_flutter 插件将其导入到您的 Flutter 应用程序中。

import 'package:flare_flutter/flare_actor.dart';
class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return new FlareActor("assets/Filip.flr", alignment:Alignment.center, fit:BoxFit.contain, animation:"idle");
  }
}

燃烧的火柴的颤动动画

Flutter animation of burning match

animation

dart

flutter