Taro小程序图片预加载组件

安装

npm install taro-preload

使用

在小程序首页，或者初始页面（进入小程序的第一个页面）引入Preload组件。

可以在不同页面重复引入，不会重复执行预加载的操作

import Taro, { Component } from '@tarojs/taro'
import {Preload} from 'taro-preload';

export default class Index extends Component{
  render () {
    return (
      <View className='index'>
        ...

        <Preload/>
      </View>
    )
  }
}

确保Preload组件挂载成功后，在任何页面，任何地方，都可以调用预加载命令。

import {preload} from 'taro-preload';

preload(['img1', 'img2']).then(() => {
  console.log('预加载结束')
})

API

function preload(data: string[], timeout?: number): Promise

data: 图片链接列表

timeout: 图片加载超时时间，默认1500ms，如果<0则不进行超时判断

Task.length: 需要加载的图片数量

Task.count: 未加载结束的图片数量

Task.loaded: 加载成功的图片列表

Task.error: 加载失败的图片列表