[RN] React Native 圖片懶加載庫 animated-lazy-image

 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

轉載請著名出處！謝謝~~