22 changed files with 321 additions and 178 deletions
@ -0,0 +1,93 @@
|
||||
import 'package:flutter/material.dart'; |
||||
import 'package:photo_view/photo_view.dart'; |
||||
import 'package:photo_view/photo_view_gallery.dart'; |
||||
|
||||
class PhotoViewGalleryScreen extends StatefulWidget { |
||||
List images=[]; |
||||
int index=0; |
||||
String heroTag; |
||||
PageController controller; |
||||
|
||||
PhotoViewGalleryScreen({Key key,@required this.images,this.index,this.controller,this.heroTag}) : super(key: key){ |
||||
controller=PageController(initialPage: index); |
||||
} |
||||
|
||||
@override |
||||
_PhotoViewGalleryScreenState createState() => _PhotoViewGalleryScreenState(); |
||||
} |
||||
|
||||
class _PhotoViewGalleryScreenState extends State<PhotoViewGalleryScreen> { |
||||
int currentIndex=0; |
||||
|
||||
@override |
||||
void initState() { |
||||
// TODO: implement initState |
||||
super.initState(); |
||||
currentIndex=widget.index; |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Scaffold( |
||||
body: Stack( |
||||
children: <Widget>[ |
||||
Positioned( |
||||
top: 0, |
||||
left: 0, |
||||
bottom: 0, |
||||
right: 0, |
||||
child: Container( |
||||
child: PhotoViewGallery.builder( |
||||
scrollPhysics: const BouncingScrollPhysics(), |
||||
builder: (BuildContext context, int index) { |
||||
return PhotoViewGalleryPageOptions( |
||||
imageProvider: NetworkImage(widget.images[index]), |
||||
|
||||
); |
||||
}, |
||||
itemCount: widget.images.length, |
||||
loadingBuilder: (context, progress) => Center( |
||||
child: Container( |
||||
width: 20.0, |
||||
height: 20.0, |
||||
child: CircularProgressIndicator( |
||||
value: progress == null |
||||
? null |
||||
: progress.cumulativeBytesLoaded / |
||||
progress.expectedTotalBytes, |
||||
), |
||||
), |
||||
), |
||||
backgroundDecoration: null, |
||||
pageController: widget.controller, |
||||
enableRotation: true, |
||||
onPageChanged: (index){ |
||||
setState(() { |
||||
currentIndex=index; |
||||
}); |
||||
}, |
||||
) |
||||
), |
||||
), |
||||
Positioned(//图片index显示 |
||||
top: MediaQuery.of(context).padding.top+15, |
||||
width: MediaQuery.of(context).size.width, |
||||
child: Center( |
||||
child: Text("${currentIndex+1}/${widget.images.length}",style: TextStyle(color: Colors.white,fontSize: 16)), |
||||
), |
||||
), |
||||
Positioned(//右上角关闭按钮 |
||||
right: 10, |
||||
top: MediaQuery.of(context).padding.top, |
||||
child: IconButton( |
||||
icon: Icon(Icons.close,size: 30,color: Colors.white,), |
||||
onPressed: (){ |
||||
Navigator.of(context).pop(); |
||||
}, |
||||
), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
Loading…
Reference in new issue