Flutter片尾字幕展示插件end_credits的使用

end_credits 插件可以帮助你在 Flutter 应用中展示简单的片尾字幕。以下是该插件的详细说明和使用方法。

插件信息

展示在你的 Flutter 应用中的一个简单的片尾字幕屏幕。

开始使用

要开始使用 end_credits 插件，你需要在你的 Flutter 项目中添加它到 pubspec.yaml 文件中：

dependencies:
  end_credits: ^2.0.0

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

接下来，你可以通过以下方式使用 EndCredits 小部件：

EndCredits(
    sections,
    backgroundColor: Colors.black,
    curve: Curves.linear,
    delay: Duration(seconds: 1),
    speedFactor: normalSpeedFactor,
);

这里你需要传递一个数组 sections，每个元素是一个 Section 对象：

Section(title: 'Cast', roles: [
    Role(name: 'Role 1', crew: [Responsable('John Doe')])
])

你还可以自定义各个部分的文字样式，例如：

• Section
• Crew
• Role

该插件提供了三种预定义的速度因子，但你也可以传递一个自定义的 double 值：

• 慢速
• 正常速度
• 快速

完整示例

以下是一个完整的示例代码，展示了如何在 Flutter 应用中使用 end_credits 插件：

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

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

class MyApp extends StatelessWidget {
  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: EndCredits([
        Section(
          title: 'Cast',
          roles: [
            Role(name: 'Role 1', crew: [Responsable('John Doe')]),
            Role(name: 'Role 2', crew: [Responsable('John Doe')]),
            Role(name: 'Role 3', crew: [Responsable('John Doe')]),
            Role(name: 'Role 4', crew: [Responsable('John Doe')]),
            Role(name: 'Role 5', crew: [Responsable('John Doe')]),
          ],
        ),
        Section(
          title: 'Producers',
          roles: [
            Role(name: 'Executive producer', crew: [
              Responsable('John Doe'),
              Responsable('John Doe'),
              Responsable('John Doe')
            ]),
            Role(name: 'Producer', crew: [
              Responsable('John Doe'),
              Responsable('John Doe'),
              Responsable('John Doe')
            ])
          ],
        ),
        Section(
          title: 'Other',
          roles: [
            Role(name: 'Role', crew: [
              Responsable('John Doe'),
              Responsable('John Doe'),
              Responsable('John Doe'),
              Responsable('John Doe')
            ])
          ],
        )
      ]),
    );
  }
}