Flutter霓虹形态加载动画插件neumorphic_loader的使用

圆形加载器与霓虹形态容器结合。

开始使用

在项目的pubspec.yaml文件中添加以下依赖：

dependencies:
  neumorphic_loader: ^1.0.0

然后运行flutter pub get以安装该包。

使用方法

首先，导入该包：

import 'package:neumorphic_loader/neumorphic_loader.dart';

接下来，在你的build方法中使用NeumorphicLoader组件。这里是一个完整的示例：

import 'package:flutter/material.dart';
import 'package:neumorphic_loader/neumorphic_loader.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: '示例应用',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const HomeScreen());
  }
}

class HomeScreen extends StatefulWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  bool isLoading = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('霓虹形态加载器'),
      ),
      body: Container(
        color: Colors.deepPurpleAccent,
        child: Center(
          child: isLoading
              ? const NeumorphicLoader(
                  size: 75,          // 加载器的大小
                  borderRadius: 10,  // 边框圆角半径
                  blurValue: 53,     // 模糊值
                  borderColor: Colors.amber,  // 边框颜色
                  loaderColor: Colors.amber,  // 加载器颜色
                )
              : ElevatedButton(
                  onPressed: () {
                    setState(() {
                      isLoading = true;
                    });
                    Future.delayed(const Duration(seconds: 3)).then((value) {
                      setState(() {
                        isLoading = false;
                      });
                    });
                  },
                  child: const Text('显示加载器'),
                ),
        ),
      ),
    );
  }
}

在这个示例中，当按钮被点击时，会显示一个霓虹形态的加载器，并且在3秒后自动隐藏。你可以根据需要调整加载器的颜色、大小和其他属性。

贡献

欢迎提交拉取请求。对于较大的更改，请先打开一个问题讨论你想要进行的更改。