以速度和内存使用为重点,在React Introduct中渲染图像的表演方式. 电源 纽克,用于 iOS 和 macOS 的最小且最能表现的图像加载库 锅 安卓号.
框架为精度,在2秒1以内编译. 纽克拥有一个自动测试套房,2x大小相当于密码库本身,确保了极佳的可靠性. 每个特性都经过精心设计和优化以达到性能.
Coil 进行一些优化,包括内存和磁盘缓存,对内存中的图像进行下取样,自动延后/取消请求,等等.
特征
- 支持愿景OS
- 快速装入图像
- 内存和磁盘缓存
- 占位符支持 :
- 动画过渡
- 失败的图像
- 字体支持
- 以 Swift/ Kotlin 写
待补
- GIF 支持
安装
yarn add @candlefinance/faster-image
使用量
import { FasterImageView, clearCache, prefetch } from '@candlefinance/faster-image';
<FasterImageView
style={styles.image}
onSuccess={(event) => {
console.log(event.nativeEvent);
}}
onError={(event) => console.warn(event.nativeEvent.error)}
source={{
transitionDuration: 0.3,
borderRadius: 50,
cachePolicy: 'discWithCacheControl',
showActivityIndicator: true,
url: 'https://picsum.photos/200/200?random=1',
}}
/>;
// Clear memory and disk cache
await clearCache();
// Prefetch
await prefetch(['https://picsum.photos/200/200?random=0'])
道具
| Prop | 类型 | 默认 | 说明 |
|---|---|---|---|
| url 密码 | 字符串 | 图像的 URL | |
| 样式 | 对象 | 图像的样式 | |
| 调整模式大小 | 字符串 | 包含 | 图像的大小调整模式 |
| 缩略图 | 字符串 | 作为 Base64 编码字符串的图像缩略图在装入时显示( Android 未测试) | |
| 模糊 | 字符串 | 装入时要显示的图像模糊度( 只有iOS) | |
| 显示活动指标 | 布尔 | 虚假( 仅iOS) | 图像装入时是否显示 UI 活动指示器View 指示器 |
| 活动颜色 | 颜色值 | 未定义( 仅iOS) | 活动指示颜色。 已更改默认活动指标颜色 。 仅支持十六进制 |
| 基数64 定位符 | 字符串 | 装入图像时要显示的 Base64 编码占位符图像 | |
| 缓存政策 | 字符串 | 内存 | 图像的缓存策略 |
| 过渡期限 | 编号 | 0.75 (iOS) Android (100) (英语) | 图像的过渡期 |
| 边框拉迪乌斯 | 编号 | 0 个 | 图像的边框半径 |
| 边框TopleftRadius | 编号 | 0 个 | 图像左上边框半径 |
| 边框右侧Radius | 编号 | 0 个 | 图像的右上边框半径 |
| 边框 Bottom Left Radius | 编号 | 0 个 | 图像左下边框半径 |
| 边框右侧Radius | 编号 | 0 个 | 图像的右下边框半径 |
| 失败图像 | 字符串 | 如果图像无法下载, 将设定此选项( blurhash, 拇指, base64) | |
| 已启动 | 布尔 | 虚假 | 逐步加载图像( 仅iOS) |
| 错误 | 函数 | 当错误发生时调用函数 。 错误被传递为函数的第一个参数 | |
| 成功时 | 函数 | 成功装入图像时调用功能 | |
| 灰度图 | 编号 | 0 个 | 将图像转换成灰色(0-1)的阴影的过滤器或转换器. |
| 颜色Matrix | 编号 [ ] | 用于图像的颜色矩阵 | |
| 忽略 QueryParamsForCacheKey 键 | 布尔 | 虚假 | 在缓存密钥中忽略 URL 查询参数 |
| 允许硬件 | 布尔 | 真实 | 允许硬件渲染( 只有Android) |
| 页眉 | 记录<字符串,字符串> | 未定义 | 信头通过 |
| 访问标签 | 字符串 | 未定义 | 无障碍标签 |
| 无障碍 | 布尔 | 未定义 | 可访问 |
捐款
见 贡献指南 学习如何为储存库和发展工作流程作出贡献.
许可证
麻省理工学院