LoaderKit用数据描述加载动画，原生渲染

内置加载动画还是进度指示器？

始终没有百分比（等待请求、下拉刷新）：用内置加载动画，有 50 种样式可选。
任务有进度，哪怕一开始还不知道（下载、上传、处理文件）：用进度指示器。先以不确定状态开始（value 为 null，Swift 中为 nil），知道进度后再设置 value。始终是同一个组件，其他代码都不用改。

安装

npm install @loader-kit/web

kotlin

dependencies {
    implementation("io.github.maitrungduc1410:loaderkit-core:<version>")
    // Jetpack Compose（已包含 loaderkit-core）：
    implementation("io.github.maitrungduc1410:loaderkit-compose:<version>")
}

swift

.package(url: "https://github.com/maitrungduc1410/loader-kit.git", from: "<version>")

ruby

pod 'LoaderKit', :git => 'https://github.com/maitrungduc1410/loader-kit.git', :tag => '<version>'

dotnet add package LoaderKit.WinUI

npm install react-native-loader-kit

各平台的第一个加载动画，见快速开始。

每个平台一行代码

tsx

<LoaderKit indicator="BallSpinFadeLoader" color="#7c3aed" />

html

<loader-kit indicator="BallSpinFadeLoader" color="#7c3aed"></loader-kit>

kotlin

LoaderKitIndicator("BallSpinFadeLoader", Modifier.size(48.dp), color = Color(0xFF7C3AED))

swift

LoaderKitIndicator("BallSpinFadeLoader").color(.purple)

xml

<lk:LoaderKitIndicator Indicator="BallSpinFadeLoader" Color="#7C3AED" />

LoaderKit用数据描述加载动画，原生渲染

50 个内置加载动画

50 种进度样式

各平台原生实现

处处一致的动效

播放随你控制

自定义加载动画

spec 编写工具

找到动画，复制代码 ​

内置加载动画

进度指示器

安装 ​

每个平台一行代码 ​

找到动画，复制代码

安装

每个平台一行代码