Flutter Flare 动画控制：使用 riv 文件和动画参数

首先，你需要使用 flare_flutter 插件将 Flare 文件加载到 Flutter 中。然后，你可以使用 FlareActor 小部件来播放动画，并使用 Flutter 的动画控制器来控制动画。

以下是一个简单的示例代码，展示如何控制一个 Flare 动画：

import 'package:flare_flutter/flare_actor.dart';
import 'package:flutter/material.dart';

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage>
    with SingleTickerProviderStateMixin {
  AnimationController _controller;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      vsync: this,
      duration: Duration(milliseconds: 1000),
    );
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  void _playAnimation() {
    _controller.reset();
    _controller.forward();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: GestureDetector(
        onTap: _playAnimation,
        child: FlareActor(
          'assets/my_animation.riv',
          animation: 'start',
          controller: _controller,
        ),
      ),
    );
  }
}

在这个示例中，我们创建了一个名为 _controller 的动画控制器，将其与 FlareActor 小部件一起使用，来播放名为 'start' 的动画。当用户点击屏幕时，我们会调用 _playAnimation 方法来启动动画。这个方法将重置控制器并开始动画。

如果你需要控制动画的其他参数，例如 'Finish'，'Bfinish' 和 'Break Start'，你可以在 Flare 文件中使用这些名称来定义关键帧。然后，你可以在 Flutter 代码中使用控制器的 value 属性来控制这些参数的值。例如，以下代码演示如何控制名为 'Finish' 的参数：

_controller.value = 0.5; // 将 'Finish' 参数设置为 0.5