[RN] React Native 图片懒加载库 animated-lazy-image

发布时间：2020-12-15 20:13:40 所属栏目：百科来源：网络整理

导读：?React Native 图片懒加载库 animated-lazy-image ? 官方Github地址： https://github.com/danijelgrabez/lazy-image ? 使用效果： ? 一、安装依赖 npm i animated-lazy-image -S 或 yarn add animated-lazy-image ? 二、使用 import LazyImage from ‘ anim

?React Native 图片懒加载库 animated-lazy-image

官方Github地址：

https://github.com/danijelgrabez/lazy-image

使用效果：

一、安装依赖

npm i animated-lazy-image -S

或

yarn add animated-lazy-image

二、使用

import LazyImage from ‘animated-lazy-image‘;

  /**
   * Base example
   */
  <LazyImage
    source="https://images.unsplash.com/photo-1551148552-c19ee5b0c116?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2733&q=80"
  />

  /**
   * With custom placeholder background color
   */
  <LazyImage
    source="https://images.unsplash.com/photo-1551148552-c19ee5b0c116?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2733&q=80"
    placeholderColor="#f74b59"
  />

  /**
   * With custom placeholder component
   */
  <LazyImage
    source="https://images.unsplash.com/photo-1551148552-c19ee5b0c116?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2733&q=80"
    customPlaceholder={<CustomComponent />}
  />

本博客地址： wukong1688

本文原文地址：https://www.cnblogs.com/wukong1688/p/10892628.html

转载请著名出处！谢谢~~

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!