React Image Gallery缩略图支持的轮播组件
缩略图导航的轮播图你肯定用过不少，但react-image-gallery真的是我用下来比较顺的一个。滑动流畅，响应也快，尤其在手机上体验挺不错。你直接滑就行，几乎不用做什么额外适配。
自定义能力也蛮强的，像幻灯片的渲染、导航样式、右到左模式这些都支持。全屏浏览也有，搭配个遮罩层，沉浸感还挺好。你要是做图集类应用，这个库真的省事。
安装也简单：一个 npm install react-image-gallery 搞定。样式这块建议直接引它自己的 SCSS，路径是~react-image-gallery/styles/scss/image-gallery.scss，集成到 webpack 里就好了。
我比较推荐配合自己的图片数据结构来搞，像这样：
{
original: '原图地址',
thumbnail: '缩略图地址'
}只要数据格式对了，整个画廊就能跑起来。
如果你项目里用的是React 16+，想整一个带缩略图的轮播组件，react-image-gallery真的可以一试。不光轻量，才 7kb 左右，还能高度定制。
文件大小：33.71MB
评论区