Flutter Twitch直播集成插件flutter_twitch的使用

Flutter Twitch直播集成插件flutter_twitch的使用

flutter_twitch 是一个用于连接你的应用与 Twitch API 的 Flutter 插件。

完整的端点文档可以在 Twitch API 参考 中查看。

该插件由 Claudio Oliveira 创建（@cldlvr）。

如果您喜欢这个项目并希望支持作者，可以考虑 请作者喝杯咖啡 ☕。

添加依赖

在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  flutter_twitch: ^0.0.2 #最新版本

即将推出

我在继续开发这个包，请稍等片刻 😅

如果您有任何功能需求，可以通过在 GitHub 上创建问题或通过我的 Twitter 发送消息来请求。

您可以查看 Flutter Twitch Auth。

完整示例

下面是一个完整的示例代码，展示了如何使用 flutter_twitch 插件。

示例代码

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // 这个小部件是您的应用程序的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是您的应用程序的主题。
        //
        // 尝试运行您的应用程序。您会看到应用程序有一个蓝色工具栏。然后，不退出应用程序，尝试
        // 将以下的 primarySwatch 改为 Colors.green 并调用 "热重载"（在运行 "flutter run" 的控制台中按 "r" 键，
        // 或者直接保存更改以在 Flutter IDE 中进行 "热重载"）。请注意，计数器并没有重置回零；应用程序
        // 没有重新启动。
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

  // 这个小部件是您的应用程序的主页。它是有状态的，意味着
  // 它有一个包含影响其外观的字段的状态对象（定义在下面）。

  // 这个类是状态的配置。它持有由父级（本例中为应用程序小部件）提供的值（在此情况下为标题）
  // 并且由构建方法使用。小部件子类中的字段总是标记为 "final"。

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      // 这次调用 setState 告诉 Flutter 框架某些东西已经改变，
      // 因此它会重新运行下面的构建方法，以便显示更新后的值。如果我们不调用 setState()
      // 而只是改变了 _counter，那么构建方法不会被再次调用，因此看起来好像什么都没有发生。
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    // 每次调用 setState 时，此方法都会重新运行，例如上面的 _incrementCounter 方法。
    //
    // Flutter 框架已针对快速重建构建方法进行了优化，因此您可以只重建任何需要更新的小部件，
    // 而不必单独更改实例。
    return Scaffold(
      appBar: AppBar(
        // 这里我们取 MyHomePage 对象的值，该对象由 App.build 方法创建，
        // 并将其用于设置我们的应用栏标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center 是一个小部件布局。它接受一个子小部件并将它放在父小部件的中间。
        child: Column(
          // Column 也是一个布局小部件。它接受一个子小部件列表
          // 并垂直排列它们。默认情况下，它水平调整自己的大小以适应它的
          // 子小部件，并尝试与它的父小部件一样高。
          //
          // 调用 "调试绘制"（在控制台中按 "p" 键，选择 Android Studio 中的 Flutter Inspector
          // 的 "切换调试绘制" 操作，或者 Visual Studio Code 中的 "切换调试绘制" 命令）
          // 可以查看每个小部件的线框图。
          //
          // Column 有一些控制它如何调整大小和定位其子小部件的属性。这里我们使用 mainAxisAlignment
          // 来垂直居中子小部件；主轴是垂直轴，因为 Columns 是垂直的（交叉轴将是水平的）。
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              '你已经按下了按钮这么多次：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: '增加',
        child: const Icon(Icons.add),
      ), // 这个尾随逗号使自动格式化更美观。
    );
  }
}