Flutter品牌图标插件uicons_brands的使用

UIcons Brands 图标

Flutter 插件 uicons_brands 提供了丰富的品牌图标。

安装

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

dependencies:
  uicons_brands: ^最新版本号

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

使用

在 Dart 文件中导入插件：

import 'package:uicons_brands/uicons_brands.dart';

在需要使用图标的 Widget 中调用图标：

Icon(UIconsBrands.google)

示例代码

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

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'UIcons - Flutter',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.deepPurple,
        useMaterial3: true,
        iconTheme: const IconThemeData(color: Colors.deepPurple),
      ),
      home: const MyHomePage(title: 'Brands UIcons in Flutter'),
    );
  }
}

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

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  // 定义一个包含所有品牌的图标列表
  List<IconData> icons = [
    const UIconsBrands().abbot_laboratories,
    const UIconsBrands().accusoft,
    const UIconsBrands().acrobat,
    const UIconsBrands().adobe,
    const UIconsBrands().aecom,
    const UIconsBrands().aero,
    const UIconsBrands().after_effects,
    const UIconsBrands().airbnb,
    const UIconsBrands().algolia,
    const UIconsBrands().amd,
    const UIconsBrands().american_express,
    const UIconsBrands().android,
    const UIconsBrands().animate,
    const UIiconsBrands().app_store_ios,
    const UIiconsBrands().apple,
    const UIiconsBrands().apple_pay,
    const UIiconsBrands().artstation,
    const UIiconsBrands().astrazeneca,
    const UIiconsBrands().asus,
    const UIiconsBrands().atandt,
    const UIiconsBrands().atlassian,
    const UIiconsBrands().atom,
    const UIiconsBrands().audition,
    const UIiconsBrands().behance,
    const UIiconsBrands().bitcoin,
    const UIiconsBrands().blackberry,
    const UIiconsBrands().blogger,
    const UIiconsBrands().bluetooth,
    const UIiconsBrands().bootstrap,
    const UIiconsBrands().bridgestone,
    const UIiconsBrands().burger_king,
    const UIiconsBrands().c,
    const UIiconsBrands().capture,
    const UIiconsBrands().cc_amazon_pay,
    const UIiconsBrands().cc_apple_pay,
    const UIiconsBrands().cc_diners_club,
    const UIiconsBrands().cc_visa,
    const UIiconsBrands().centos,
    const UIiconsBrands().character,
    const UIiconsBrands().chromecast,
    const UIiconsBrands().cloudflare,
    const UIiconsBrands().confluence,
    const UIiconsBrands().creative_commons,
    const UIiconsBrands().creative_commons_by,
    const UIiconsBrands().creative_commons_nc,
    const UIiconsBrands().creative_commons_nc_eu,
    const UIiconsBrands().creative_commons_nc_jp,
    const UIiconsBrands().creative_commons_nd,
    const UIiconsBrands().creative_commons_pd,
    const UIiconsBrands().creative_commons_pd_alt,
    const UIiconsBrands().creative_commons_remix,
    const UIiconsBrands().creative_commons_sa,
    const UIiconsBrands().creative_commons_sampling,
    const UIiconsBrands().creative_commons_sampling_plus,
    const UIiconsBrands().creative_commons_share,
    const UIiconsBrands().creative_commons_zero,
    const UIiconsBrands().css3,
    const UIiconsBrands().css3_alt,
    const UIiconsBrands().dailymotion,
    const UIiconsBrands().deezer,
    const UIiconsBrands().delphi,
    const UIiconsBrands().dev,
    const UIiconsBrands().devianart,
    const UIiconsBrands().digg,
    const UIiconsBrands().dimension,
    const UIiconsBrands().discord,
    const UIiconsBrands().docker,
    const UIiconsBrands().dribbble,
    const UIiconsBrands().dropbox,
    const UIiconsBrands().drupal,
    const UIiconsBrands().ebay,
    const UIiconsBrands().elementor,
    const UIiconsBrands().ethereum,
    const UIiconsBrands().etsy,
    const UIiconsBrands().evernote,
    const UIiconsBrands().facebook,
    const UIiconsBrands().facebook_messenger,
    const UIiconsBrands().fedex,
    const UIiconsBrands().figma,
    const UIiconsBrands().firefox,
    const UIiconsBrands().firefox_browser,
    const UIiconsBrands().five_hundred_px,
    const UIiconsBrands().flickr,
    const UIiconsBrands().flipboard,
    const UIiconsBrands().fonts,
    const UIiconsBrands().foursquare,
    const UIiconsBrands().fresco,
  ];

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Text(widget.title),
      ),
      body: SingleChildScrollView(
        child: Container(
          padding: const EdgeInsets.all(8.0),
          child: IconsCard(icons: icons, category: "Bold Rounded"),
        ),
      ),
    );
  }
}

// 自定义卡片组件用于展示图标
class IconsCard extends StatelessWidget {
  final List<IconData> icons;
  final String category;

  const IconsCard({super.key, required this.icons, required this.category});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Card(
      elevation: 8,
      child: Padding(
        padding: const EdgeInsets.all(16),
        child: Wrap(
          runSpacing: 16,
          spacing: 16,
          children: iconsList(),
        ),
      ),
    );
  }

  List<Widget> iconsList() {
    return icons.map<Widget>((element) {
      return Icon(element);
    }).toList();
  }
}