Flutter图标库插件iconforest_arcticons的使用

Flutter图标库插件iconforest_arcticons的使用

arcticons

搜索资源：点击这里

示例代码

以下是使用 iconforest_arcticons 插件的基本示例。

import 'package:flutter/material.dart';
import 'package:iconforest_arcticons/arcticons.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // 这个小部件是你的应用的根。
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        /// Arcticons 图标示例
        child: Arcticons(Arcticons.a3c_all_in_one_toolbox), // 使用 a3c_all_in_one_toolbox 图标
      ),
    );
  }
}

代码解释：

• 导入库：

  import 'package:flutter/material.dart'; // 导入 Flutter 的核心库
  import 'package:iconforest_arcticons/arcticons.dart'; // 导入 iconforest_arcticons 插件
  

• 主应用入口：

  void main() {
    runApp(const MyApp()); // 运行 MyApp 类
  }
  

• MyApp 类：

  class MyApp extends StatelessWidget {
    const MyApp({Key? key}) : super(key: key);
  
    // 构建应用的基本配置
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const MyHomePage(title: 'Flutter Demo Home Page'),
      );
    }
  }
  

• MyHomePage 类：

  class MyHomePage extends StatefulWidget {
    const MyHomePage({Key? key, required this.title}) : super(key: key);
  
    final String title;
  
    @override
    State<MyHomePage> createState() => _MyHomePageState(); // 创建状态类
  }
  

• _MyHomePageState 类：

  class _MyHomePageState extends State<MyHomePage> {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text(widget.title), // 设置应用栏标题
        ),
        body: Center(
          child: Arcticons(Arcticons.a3c_all_in_one_toolbox), // 显示 Arcticons 的 a3c_all_in_one_toolbox 图标
        ),
      );
    }
  }