flutter 播放SVGA动图

在Flutter中播放SVGA动图，可以使用flutter_svga_player插件。以下是如何使用该插件的示例代码：

首先，在你的pubspec.yaml文件中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_svga_player: ^0.1.0

然后，运行flutter pub get来安装依赖。

接下来，在你的Flutter代码中使用SVGAPlayer小部件来播放SVGA动图：

import 'package:flutter/material.dart';
import 'package:flutter_svga_player/flutter_svga_player.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SVGADemoPage(),
    );
  }
}
 
class SVGADemoPage extends StatefulWidget {
  @override
  _SVGADemoPageState createState() => _SVGADemoPageState();
}
 
class _SVGADemoPageState extends State<SVGADemoPage> {
  SVGAPlayerController _controller = SVGAPlayerController();
 
  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('SVGA Player Demo'),
      ),
      body: Center(
        child: SVGAPlayer(
          controller: _controller,
          fit: BoxFit.cover,
          // 替换为你的SVGA动图文件路径
          file: 'assets/example.svga',
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          _controller.stepBy(1); // 播放下一帧
        },
        child: Icon(Icons.play_arrow),
      ),
    );
  }
}

确保你的SVGA动图文件已经被添加到pubspec.yaml文件中，例如：

flutter:
  assets:
    - assets/example.svga

这样就可以在Flutter应用中播放SVGA动图了。