文件名称：react-native-blurhash：:framed_picture_selector:为您的用户提供他们想要的加载体验
文件大小：1.75MB
文件格式：ZIP
更新时间：2024-02-19 16:49:56
react javascript kotlin swift npm
模糊散列
:framed_picture_selector: 为您的用户提供他们想要的加载体验。
通过安装：
npm i react-native-blurhash
npx pod-install
BlurHash是图像占位符的紧凑表示。 加载图像时，不要显示无聊的灰色小框，而要显示模糊的预览，直到加载完整图像为止。
该算法由创建，其中还包括。
工作流程示例
为了使用Blurhash组件，您必须已经有一个Blurhash字符串。 请参阅页面以创建示例字符串。 这就是我在项目中使用它的方式：
用户通过调用我的服务器上的函数来创建帖子，该函数需要图像的有效载荷和一些帖子数据（标题，说明等）
然后我服务器上的功能
使用从有效载荷中的图像生成模糊
将帖子数据（包括生成的blurhash字符串）存储在我的数据库中
将图像上传到内容交付网络（例如，AWS）
现在，每次用户从我的数据库加载帖子的提要时，我都可以立即在我的