Flutter伊斯兰图标插件islamic_icons的使用

Flutter伊斯兰图标插件islamic_icons的使用

一个用于 Islamic Icons 的 Flutter 库。

注意: 所有图标数据都是基于 Islamic Icons 的最新版本自动生成的。

安装

在 pubspec.yaml 文件中添加依赖项。

dependencies:
  islamic_icons: any

我们建议运行 flutter pub upgrade 来始终使用最新版本。

使用

该库将所有 Islamic Icons 作为 IconData 暴露出来。

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

class MyWidget extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Container(
      height: MediaQuery.of(context).size.height,
      width: MediaQuery.of(context).size.width,
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Icon(IIcons.quran_1_o), // 显示古兰经图标
          Icon(IIcons.salat_o),   // 显示礼拜图标
          Icon(IIcons.ruku_o),    // 显示鞠躬图标
        ],
      ),
    );
  }
}

许可证

Unicons 是开源图标，并且受 Apache 2.0 许可证保护。您可以在个人和商业项目中自由使用这些图标。如果您在应用的关于页面中添加了致谢，我们会非常感激，但这不是强制性的。

示例代码

// example/lib/main.dart
import 'package:flutter/material.dart';
import 'package:islamic_icons/islamic_icons.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Islamic Icons Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Islamic Icons Demo'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Icon(IIcons.quran_1_o), // 显示古兰经图标
              Icon(IIcons.salat_o),   // 显示礼拜图标
              Icon(IIcons.ruku_o),    // 显示鞠躬图标
            ],
          ),
        ),
      ),
    );
  }
}