Flutter图标库插件flowbite_icons的使用

非官方的Flutter包，用于Flowbite UI Kit图标。Flowbite UI Kit由Themesberg制作，并在CC BY 4.0许可下发布。

安装

将flowbite_icons依赖添加到你的Flutter项目：

dependencies:
  flowbite_icons: ^<最新版本>

使用

在你的Flutter文件中导入包，并使用以下两种方法之一来显示图标：

import 'package:flowbite_icons/flowbite_icons.dart';

/// 方法1 - 使用Icon小部件：
Icon _icon = Icon(FlowbiteSolidIcons.rocket, size: 24.0);
Icon _icon = Icon(FlowbiteOutlineIcons.rocket, size: 24.0);
Icon _icon = Icon(FlowbiteSocialIcons.discord, size: 24.0);

/// 方法2 - 使用FlowbiteIcon小部件：
Icon _icon = FlowbiteIcon(FlowbiteSolidIcons.rocket);
Icon _icon = FlowbiteIcon(FlowbiteOutlineIcons.rocket);
Icon _icon = FlowbiteIcon(FlowbiteSocialIcons.discord);

示例代码

以下是一个完整的示例，展示如何在应用中使用这些图标：

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'flowbite_icons 示例',
      home: Scaffold(
        body: Column(
          children: [
            // 显示标题
            Text(
              'Flowbite Icons 示例',
              style: Theme.of(context).textTheme.titleLarge,
            ),
            const SizedBox(height: 16.0),

            // 使用 Icon 小部件显示 Solid 图标
            const Text('Icon(FlowbiteSolidIcons.rocket, size: 24.0)'),
            const Icon(
              FlowbiteSolidIcons.rocket,
              size: 24.0,
            ),
            const SizedBox(height: 16.0),

            // 使用 FlowbiteIcon 小部件显示 Solid 图标
            const Text('FlowbiteIcon(FlowbiteSolidIcons.rocket)'),
            const FlowbiteIcon(
              FlowbiteSolidIcons.rocket,
            ),
            const SizedBox(height: 16.0),

            // 使用 FlowbiteIcon 小部件显示 Solid 图标并设置颜色
            const Text(
                'FlowbiteIcon(FlowbiteSolidIcons.rocket, color: Colors.red)'),
            const FlowbiteIcon(
              FlowbiteSolidIcons.rocket,
              color: Colors.red,
            ),
          ],
        ),
      ),
    );
  }
}

问题

如有任何问题，请直接在仓库中提交问题。

图标

所有Flowbite图标可以在其Figma文件中查看 此处。

发现此库有用？❤️

支持它通过成为星标用户。⭐️
此外，在GitHub上关注我以获取我的下一个项目！🐱

许可证

Copyright 2023 hanmajid (Muhammad Farhan Majid)

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.