让您的应用充满生动的动画图标。

特点

动作图标

action_icons

警报图标

alert_icons

内容图标

content_icons

加载图标

loading_icons

媒体图标

media_icons

导航图标

navigation_icons

通知图标

notification_icons

社交媒体图标

social_media_icons

其他图标

other_icons

入门

将依赖项添加到 pubspec.yaml 或在终端中输入以下命令

flutter pub add use_widgets

接下来，我将提供一个非常简单的示例，说明如何使用其中一个动画图标

import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:use_widgets/use_widgets/use_widgets.dart';

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

  @override
  Widget build(BuildContext context) {
    return HookBuilder(builder: (context) {
      final menuIsOpen = useState(false);

      return Scaffold(
        backgroundColor: const Color(0xff202020),
        appBar: AppBar(
          backgroundColor: Colors.black,
          leading: InkWell(
            onTap: () {
              menuIsOpen.value = !menuIsOpen.value;
            },
            child: MenuV2( // Here we use one of the animated icons
              isOpen: menuIsOpen.value,
              color: Colors.white,
            ),
          ),
        ),
        body: Center(),
     ),
    }),
  }
}

附加信息

底层 Lottie 图标来自 https://useanimations.com/。

除非另有说明，useAnimations 中所有可用的免费文件均根据知识共享（CC）署名（BY）许可分发。

资源（动画）可在 Web 和移动应用程序中用于个人和商业用途。

您可以根据您的需求修改资源，并在任何个人或商业项目中将其使用。例如，您可以在为客户设计的网站或移动应用程序中包含此资源。

您需要在您的任何项目中注明或链接到 useanimations.com。

useAnimations (useanimations.com) 对在使用其资源过程中可能发生的任何结果概不负责。

来自 useAnimations 的文件可以在适当注明 useAnimations 的情况下共享。

GitHub

查看 Github