Flutter材质霓虹风格图标插件material_neumorphic_icon的使用

material_neumorphic_icon 是一个基于 Flutter 的插件，用于创建具有霓虹风格的图标。与标准的 Icon 组件不同，它提供了更加现代化和时尚的外观。

使用

首先，确保你已经在项目中添加了 material_neumorphic_icon 插件。你可以在 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  material_neumorphic_icon: ^版本号

然后运行 flutter pub get 来获取新的依赖项。

接下来，你可以使用 NeumorphicIcon 组件来创建霓虹风格的图标。下面是一个简单的示例：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Neumorphic Icon Example'),
        ),
        body: Center(
          child: NeumorphicIcon(
            Icons.add, // 选择一个图标
            size: 48, // 设置图标的大小
            style: NeumorphicStyle(
              depth: 6, // 设置深度
              color: Colors.blue, // 设置颜色
            ),
          ),
        ),
      ),
    );
  }
}

示例代码

以下是完整的示例代码，展示了如何在 Flutter 应用程序中使用 NeumorphicIcon 创建霓虹风格的图标。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Neumorphic Icon Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              NeumorphicIcon(
                Icons.add, // 选择一个图标
                size: 48, // 设置图标的大小
                style: NeumorphicStyle(
                  depth: 6, // 设置深度
                  color: Colors.blue, // 设置颜色
                ),
              ),
              SizedBox(height: 20),
              NeumorphicIcon(
                Icons.home, // 选择另一个图标
                size: 48, // 设置图标的大小
                style: NeumorphicStyle(
                  depth: 6, // 设置深度
                  color: Colors.green, // 设置颜色
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}