loading_overlay_pro

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

loading_overlay_pro 是一个 Flutter 包，提供了一个简单的 widget 包装器，带有可自定义的加载动画，适用于 Flutter 应用程序。它使开发者能够轻松地在任何 widget 或屏幕上显示加载指示器，从而在异步操作期间提升用户体验。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台，使其适用于跨平台项目。通过最少的设置和直观的 API，它可以无缝集成到现有应用中，以平滑的动画展示加载状态。

适合场景

在 API 调用期间显示加载覆盖层
显示表单或数据处理中的进度
增强导航过渡期间的用户体验
在后台任务期间提供反馈
实现下拉刷新加载状态

主要特点

可自定义的加载动画
与现有控件的轻松集成
跨平台支持
可配置的覆盖层外观
支持多种加载类型
轻量且高性能

适合对象

开发跨平台 Flutter 应用的开发者
注重用户体验的团队会提供加载反馈
需要简单而优雅的加载指示器的项目
频繁执行异步操作的应用程序
面向前端的 Flutter 开发

使用建议

可能需要额外的样式来支持复杂的用户界面
与完整定制解决方案相比，自定义选项有限
嵌套覆盖层可能带来的性能影响
不太适合高度动画或交互式加载屏幕
依赖于正确的状态管理以实现最佳使用

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

A simple widget wrapper set of loading animations for Flutter projects.

Use animation from loading_animations

Getting Started

Then import the file to your project:

import 'package:loading_overlay_pro/loading_overlay_pro.dart'

Then add the following code:

 LoadingOverlayPro({
    Key key,
    @required this.isLoading,
    @required this.child,
    this.colorBackground = Colors.black54,
    this.progressIndicator = const LoadingBouncingLine.circle(),
  });

Or customize it even more!

LoadingBouncingLine.circle(
  borderColor: Colors.cyan,
  borderSize: 3.0,
  size: 120.0,
  backgroundColor: Colors.cyanAccent,
  duration: Duration(milliseconds: 500),
);

or add header and bottom

      headerLoading: Text("App Name"),
      bottomLoading: Text("Loading..."),

For more customization, please look inside the loading animation files.

Note: all the animations come ready to go just by calling LoadingBouncingLine.square(), for example.

Many basic animations contain .circle() and .square() variations by default.

Example

To run file example, please use flutter 1.19.x or 1.20.x

搜索插件、代码仓与 APP 分类