1.0.7 • Published 6 years ago
ph-image-list v1.0.7
ph-image-list
image list to show
import {ImgList,ImgView} from 'ph-image-list'
<ImgList images={imgs1}
editable={editable}
deleteDoneCallback={this.deleteDoneCallback}
swipeDoneCallback={this.swipeDoneCallback}}></ImgList>
//单独使用ImgView图片预览功能
<ImgView images={[
{
fileId: 9,
url: './imgs/9.jpg',
fileName: 'iii',
thumbUrl: './imgs/9.jpg'
}
]} ref={(imgview)=>{this.imgview=imgview}} />
<button onClick={()=>{
//此处可传入图片索引,默认为0
this.imgview.show()
}}>点击打开imageView</button>
ImgList API
View example to get more details
<ImgList>
Props:
- maxShowNum is used to set default show image number.
- editable is used to set list item is deletable.
- images is used to define how many images can show.
- swipeDoneCallback is used to handler swipe done when full screen watch image.
- deleteDoneCallback: is used to handler delete done when that is editable
And if you want to get image list after delete some,you can call ImgList.getImages()
.
Contributing
- Fork the project
- Run the project in development view demo:
$ npm run demo
- Make changes.
- Add appropriate tests
$ npm run test
- If tests don't pass, make them pass.
- Update README with appropriate docs.
- Rnn build
$ npm run build
- Commit and PR.
1.0.7
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.1
6 years ago
0.1.16
6 years ago
0.1.15
6 years ago
0.1.14
6 years ago
0.1.13
6 years ago
0.1.12
6 years ago
0.1.11
6 years ago
0.1.10
6 years ago
0.1.9
7 years ago
0.1.8
7 years ago
0.1.7
8 years ago
0.1.6
8 years ago
0.1.5
8 years ago
0.1.4
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago
0.1.0
8 years ago