You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.8 KiB
60 lines
1.8 KiB
4 years ago
|
import 'dart:math';
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:flutter/cupertino.dart';
|
||
|
|
import 'package:akuCommunity/utils/fade_route.dart';
|
||
|
|
import 'package:akuCommunity/widget/gallery_photo_view_wrapper.dart';
|
||
|
|
|
||
|
|
class ImageGrid extends StatelessWidget {
|
||
|
|
final List<String> imageUrl;
|
||
|
|
ImageGrid(this.imageUrl, {Key key}) : super(key: key);
|
||
|
|
|
||
|
|
final Random _random = new Random();
|
||
|
|
int next(int min, int max) => min + _random.nextInt(max - min);
|
||
|
|
List imageModel() {
|
||
|
|
List imgList = List();
|
||
|
|
for (int x = 0; x < imageUrl.length; x++) {
|
||
|
|
GalleryExampleItem item = GalleryExampleItem();
|
||
|
|
item.id = '${next(x + 100, x + 1000)}';
|
||
|
|
item.resource = imageUrl[x];
|
||
|
|
imgList.add(item);
|
||
|
|
}
|
||
|
|
|
||
|
|
return imgList;
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return Container(
|
||
|
|
child: GridView.builder(
|
||
|
|
shrinkWrap: true,
|
||
|
|
physics: NeverScrollableScrollPhysics(),
|
||
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
||
|
|
crossAxisCount: 4,
|
||
|
|
crossAxisSpacing: 5,
|
||
|
|
mainAxisSpacing: 5,
|
||
|
|
),
|
||
|
|
itemCount: imageUrl.length,
|
||
|
|
itemBuilder: (BuildContext context, int index) {
|
||
|
|
return AspectRatio(
|
||
|
|
aspectRatio: 1,
|
||
|
|
child: GalleryExampleItemThumbnail(
|
||
|
|
galleryExampleItem: imageModel()[index],
|
||
|
|
onTap: () {
|
||
|
|
Navigator.of(context).push(new FadeRoute(
|
||
|
|
page: GalleryPhotoViewWrapper(
|
||
|
|
galleryItems: imageModel(),
|
||
|
|
backgroundDecoration: const BoxDecoration(
|
||
|
|
color: Colors.black,
|
||
|
|
),
|
||
|
|
initialIndex: index,
|
||
|
|
),
|
||
|
|
));
|
||
|
|
},
|
||
|
|
),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|