Flutter图标集合插件layrz_icons的使用

Flutter图标集合插件layrz_icons的使用

有时，在项目中使用图标可能需要多个库。然而，使用单个库可能会显得单调乏味，而使用多个库又可能导致混乱。因此，我们创建了Layrz Icons，这是一个简单易用的图标库，旨在将多个库整合到一个库中，并添加了一个映射对象，可以将任何IconData转换为字符串。

在线演示/搜索

你可以在这里查看图标并进行搜索： https://icons.layrz.com

支持的库

目前，layrz_icons集成了以下库：

• material_design_icons_flutter
• font_awesome_flutter
• solar_icons
• ionicons
• iconsax_plus

感谢这些库的开发者们，你们真是太棒了！

免责声明

我们不试图复制或窃取任何图标，我们只是想让在你的项目中使用它们更加容易。此外，如果你想添加一个新的图标库，请务必检查该库的许可证，我们不想有任何法律问题。

常见问题解答

为什么这个包叫layrz_icons？

所有由Layrz开发的包都以layrz_开头，你可以在pub.dev上查看我们的其他包。

需要使用–no-tree-shake-icons标志吗？

你必须在Flutter项目中使用--no-tree-shake-icons标志。否则，你将无法编译应用。

我需要付费才能使用这个包吗？

不需要！ 这个库是免费且开源的，你可以在项目中免费使用它，但如果你愿意支持我们，可以在pub.dev上给我们点赞，并在Github上给我们的仓库点星！

我可以为这个包做贡献吗？

可以！ 我们欢迎贡献，随时可以在Github上提交拉取请求或问题！

我有问题，如何联系你们？

如果你需要更多帮助，可以在Github上打开一个问题，我们会很乐意帮助你！

许可证

该项目受MIT许可证保护，详情请参阅LICENSE文件。

联系我们/想与我们合作？

Golden M 是一家致力于新、创新和颠覆性技术的软件和硬件开发公司。如需更多信息，请通过电子邮件sales@goldenm.com或WhatsApp +(507)-6979-3073联系我们。

完整示例Demo

import 'package:flutter/material.dart';
import 'package:layrz_icons/layrz_icons.dart'; // 导入layrz_icons库
import 'package:layrz_icons_example/router.dart'; // 导入路由配置
import 'package:layrz_models/layrz_models.dart'; // 导入模型
import 'package:layrz_theme/layrz_theme.dart'; // 导入主题

// 定义字体
const titleFont = AppFont(source: FontSource.google, name: 'Ubuntu');
const bodyFont = AppFont(source: FontSource.google, name: 'Ubuntu');

void main() async {
  WidgetsFlutterBinding.ensureInitialized(); // 初始化Flutter绑定

  // 预加载字体
  await ThemedFontHandler.preloadFont(titleFont);
  await ThemedFontHandler.preloadFont(bodyFont);

  runApp(const MyApp()); // 运行应用
}

class MyApp extends StatefulWidget {
  const MyApp({super.key}); // 构造函数

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState(); // 创建状态
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp.router(
      debugShowCheckedModeBanner: false, // 禁止显示调试条
      theme: generateLightTheme(titleFont: titleFont, bodyFont: bodyFont), // 设置主题
      routerConfig: router, // 设置路由配置
      builder: (context, child) {
        return ThemedSnackbarMessenger( // 使用主题消息提示
          child: child ?? const SizedBox(), // 如果child为空，则返回空容器
        );
      },
    );
  }
}