Flutter图标库插件flutter_lucide的使用

flutter_lucide

Lucide 是一个免费、开源的图标集，包含超过 1450+ 个图标（版本 0.468.0），源自流行的 Feather 图标集。它作为一个 Flutter 包提供，易于集成。具有简洁、现代的设计，非常适合增强用户界面。

更多详情请访问 Lucide 图标库 https://lucide.dev/。

Lucide 版本：0.468.0。

使用方法

要使用此插件，请在 pubspec.yaml 文件中添加 flutter_lucide 作为依赖项。

dependencies:
  flutter_lucide: ^1.6.1

示例代码

以下是一个完整的示例应用程序，展示了如何使用 flutter_lucide 插件中的图标。

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

void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) => MaterialApp(
        title: 'Lucide Icons Example',
        theme: ThemeData(
          colorScheme: ColorScheme.fromSeed(seedColor: Colors.orange),
          useMaterial3: true,
        ),
        home: const MyHomePage(title: 'Lucide Icons Example'),
      );
}

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

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

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() => setState(() => _counter++);

  void _decrementCounter() => setState(() => _counter--);

  void _resetCounter() => setState(() => _counter = 0);

  @override
  Widget build(BuildContext context) => Scaffold(
        appBar: AppBar(
          backgroundColor: Theme.of(context).colorScheme.inversePrimary,
          title: Text(widget.title),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              const Text(
                'You have pushed the button this many times: ',
              ),
              if (_counter > 0) ...[
                const SizedBox(height: 16),
                IconButton.filled(
                    onPressed: _incrementCounter,
                    icon: const Icon(
                      LucideIcons.plus,
                      size: 32,
                    )),
              ] else if (_counter < 0) ...[
                const SizedBox(height: 16),
                IconButton.filled(
                  onPressed: _decrementCounter,
                  icon: const Icon(
                    LucideIcons.minus,
                    size: 32,
                  ),
                ),
              ],
              Text(
                '$_counter',
                style: Theme.of(context).textTheme.headlineLarge,
              ),
            ],
          ),
        ),
        floatingActionButton: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            FloatingActionButton(
              onPressed: _incrementCounter,
              child: const Icon(LucideIcons.plus),
            ),
            const SizedBox(width: 8),
            FloatingActionButton(
              onPressed: _resetCounter,
              child: const Icon(LucideIcons.refresh_ccw),
            ),
            const SizedBox(width: 8),
            FloatingActionButton(
              onPressed: _decrementCounter,
              child: const Icon(LucideIcons.minus),
            ),
          ],
        ),
      );
}

Issues & 反馈

如果您希望为这个仓库做贡献，欢迎提交 Pull Requests。如果觉得这个包有用，请给它点个星⭐。我们开放接受 enhancements、bug-fixes 和 suggestions，欢迎您提交 issue。

许可证

MIT License

维护者

• Ravi Kovind
• Achintya Singh

免责声明

这不是官方的 Lucide Icon 包。所有资产均由其各自的所有者拥有(https://lucide.dev/)。请访问他们的网站获取更多信息。这个包是为了帮助 Flutter 社区而创建的。