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.
114 lines
3.6 KiB
114 lines
3.6 KiB
/*
|
|
* ====================================================
|
|
* package :
|
|
* author : Created by nansi.
|
|
* time : 2019-08-30 09:24
|
|
* remark :
|
|
* ====================================================
|
|
*/
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:recook/constants/header.dart';
|
|
import 'package:recook/widgets/custom_image_button.dart';
|
|
|
|
class ImageSelectedView<T> extends StatefulWidget {
|
|
final int maxImages;
|
|
final int crossAxisCount;
|
|
final EdgeInsetsGeometry padding;
|
|
final double axisSpacing;
|
|
final double crossAxisSpacing;
|
|
final List<T> images;
|
|
final VoidCallback addListener;
|
|
final Function(int index) clickListener;
|
|
final Function(int index) deleteListener;
|
|
final Widget Function(int index, T item) itemBuilder;
|
|
|
|
const ImageSelectedView({
|
|
Key key,
|
|
@required this.itemBuilder,
|
|
@required this.images,
|
|
this.maxImages = 9,
|
|
this.crossAxisCount = 4,
|
|
this.padding = const EdgeInsets.all(3),
|
|
this.axisSpacing = 5,
|
|
this.crossAxisSpacing = 5,
|
|
this.addListener,
|
|
this.clickListener,
|
|
this.deleteListener,
|
|
}) : assert(images != null),
|
|
super(key: key);
|
|
|
|
@override
|
|
State<StatefulWidget> createState() {
|
|
return _ImageSelectedViewState();
|
|
}
|
|
}
|
|
|
|
class _ImageSelectedViewState extends State<ImageSelectedView> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
child: GridView.builder(
|
|
shrinkWrap: true,
|
|
physics: NeverScrollableScrollPhysics(),
|
|
padding: widget.padding,
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount: widget.crossAxisCount,
|
|
crossAxisSpacing: widget.crossAxisSpacing,
|
|
mainAxisSpacing: widget.axisSpacing),
|
|
itemCount: widget.images.length >= widget.maxImages
|
|
? widget.images.length
|
|
: widget.images.length + 1,
|
|
itemBuilder: (_, index) {
|
|
if (index == widget.images.length) {
|
|
return CustomImageButton(
|
|
border: Border.all(
|
|
style: BorderStyle.solid,
|
|
width: 0.3 * 2.w,
|
|
color: Colors.grey),
|
|
icon: Icon(AppIcons.icon_add, color: Colors.grey),
|
|
color: Colors.grey,
|
|
title: "添加图片",
|
|
fontSize: 14 * 2.sp,
|
|
contentSpacing: rSize(10),
|
|
onPressed: () {
|
|
if (widget.addListener != null) {
|
|
widget.addListener();
|
|
}
|
|
},
|
|
);
|
|
}
|
|
return Container(
|
|
color: Colors.red,
|
|
child: Stack(
|
|
children: <Widget>[
|
|
widget.itemBuilder(index, widget.images[index]),
|
|
Positioned(
|
|
right: 0,
|
|
top: 0,
|
|
child: CustomImageButton(
|
|
icon: Icon(
|
|
AppIcons.icon_delete,
|
|
color: Colors.white,
|
|
size: rSize(18),
|
|
),
|
|
backgroundColor: Colors.black38,
|
|
onPressed: () {
|
|
if (widget.deleteListener != null) {
|
|
widget.deleteListener(index);
|
|
}
|
|
// setState(() {
|
|
// widget.images.removeAt(index);
|
|
// });
|
|
},
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
}
|