Flutter GitHub语言颜色插件github_language_colors的使用

github_language_colors 是一个用于在 Flutter 应用中展示 GitHub 语言颜色的插件。通过该插件，你可以轻松地获取并显示各种编程语言的颜色。

安装插件

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

dependencies:
  github_language_colors: ^0.1.0

然后运行 flutter pub get 命令来安装该插件。

使用插件

接下来，我们可以通过简单的步骤来使用该插件。

初始化项目

创建一个新的 Flutter 项目，并在其中引入 github_language_colors 插件。

获取语言颜色

首先，我们需要导入 github_language_colors 包，并调用其方法来获取语言颜色。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('GitHub Language Colors'),
        ),
        body: Center(
          child: LanguageColorWidget(),
        ),
      ),
    );
  }
}

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

class _LanguageColorWidgetState extends State<LanguageColorWidget> {
  String languageName = 'Dart';
  Color? languageColor;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 获取语言颜色
    _getLanguageColor(languageName);
  }

  Future<void> _getLanguageColor(String language) async {
    languageColor = await GithubLanguageColors.getLanguageColor(language);
    setState(() {});
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text(
          languageName,
          style: TextStyle(fontSize: 24),
        ),
        SizedBox(height: 20),
        Container(
          width: 100,
          height: 100,
          color: languageColor ?? Colors.grey,
          child: Center(child: Text(languageName)),
        ),
      ],
    );
  }
}