| 渐进快图像 | 内置加载渐进快图像 |
|
|
安装
添加依赖 :
npm i @freakycoder/react-native-progressive-fast-image
同伴依赖关系
重要的东西! 你需要安装它们
"react-native-fast-image": ">= 8.3.2"
使用量
导入
import ProgressiveFastImage from "@freakycoder/react-native-progressive-fast-image";
基本用途
它接受每一个 Image 财务报告和审定财务报表 FastImage 道具来. 你可以像以前一样使用它.
<ProgressiveFastImage
source={require("./assets/my-image.png")}
thumbnailSource={require("./assets/my-image.png")}
/>
配置 - 道具
| 财产 | 类型 | 默认 | 说明 |
|---|---|---|---|
| 来源 | 来源 | 未定义 | 设置图像的主要来源 |
| 缩略图来源 | 图像来源配置Type | 未定义 | 设置图像的缩略图源 |
| 装入来源 | 图像来源配置Type | 未定义 | 设置图像的错误源 |
| 错误来源 | 图像来源配置Type | 未定义 | 设置图像的装入源 |
| 装入图像组件 | 构成部分 | 默认 | 警告:读以下! |
| 模糊的拉迪乌斯 | 编号 | 15个 | 更改模糊半径级别 |
loadingImageComponent 使用量
如果您要为装入图像设置自己的组件, 请设置此选项 样式 用于组件顶部
{
top: 0,
left: 0,
right: 0,
bottom: 0,
position: "absolute",
alignItems: "center",
alignSelf: "center",
justifyContent: "center",
}
自定义道具
| 财产 | 类型 | 默认 | 说明 |
|---|---|---|---|
| 样式 | 样式 | 默认 | 更改或覆盖主图像样式 |
| 装入图像容器Style | 样式 | 默认 | 更改或覆盖装入图像容器样式 |
| 装入 图像样式 | 样式 | 默认 | 更改或覆盖装入图像样式 |
| 缩略图 图像样式 | 样式 | 默认 | 更改或覆盖缩略图图像样式 |
| 缩略图动画定义 | 编号 | 默认 | 更改缩略图动画的持续时间 |
| 图像动画定义 | 编号 | 默认 | 更改主要图像动画的持续时间 |
| 登录 | 函数 | 默认 | 唤起路德 |
| 通布尼尔路 | 函数 | 默认 | 呼唤ThumbnailLoad |
| 关闭时 | 函数 | 默认 | 调用 LAD End |
| 错误 | 函数 | 默认 | 唤作哀号 |
未来计划
自由主义内置加载指标内建错误图像源- 写一篇关于介质上的 lib 的文章
内置错误修复更好
修补 快速图像 source null 错误修复 .
- https://github.com/DylanVann/反应-内设-快-形象/issues/623
- https://github.com/Dylanvan/resact-native-fast-image/issues/27 (英语)
- https://github.com/DylanVann/反应-native-fast-image/issues/484 (英语)
- https://github.com/DylanVann/resact-native-fast-image/issues/96 (英语)
作者
怪人编剧, 库拉约贡@gmail.com
许可证
根据麻省理工学院的许可,可以提供“土著进步快成像”。 更多信息见LICENSE文件.