add structure
This commit is contained in:
200
lib/widget/multi_img_file.dart
Normal file
200
lib/widget/multi_img_file.dart
Normal file
@@ -0,0 +1,200 @@
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
||||
import 'package:image_picker/image_picker.dart';
|
||||
import 'package:fcs/widget/multi_img_controller.dart';
|
||||
import 'package:fcs/widget/show_img.dart';
|
||||
|
||||
typedef OnFile = void Function(File);
|
||||
|
||||
class MultiImageFile extends StatefulWidget {
|
||||
final String title;
|
||||
final bool enabled;
|
||||
final ImageSource imageSource;
|
||||
final MultiImgController controller;
|
||||
|
||||
const MultiImageFile(
|
||||
{Key key,
|
||||
this.title,
|
||||
this.enabled = true,
|
||||
this.controller,
|
||||
this.imageSource = ImageSource.gallery})
|
||||
: super(key: key);
|
||||
@override
|
||||
_MultiImageFileState createState() => _MultiImageFileState();
|
||||
}
|
||||
|
||||
class _MultiImageFileState extends State<MultiImageFile> {
|
||||
List<FileContainer> fileContainers = [];
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
fileContainers = widget.controller.fileContainers;
|
||||
widget.controller.onChange(() {
|
||||
setState(() {
|
||||
this.fileContainers = widget.controller.fileContainers;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return new Column(
|
||||
children: new List.generate(
|
||||
widget.enabled ? fileContainers.length : fileContainers.length - 1,
|
||||
(i) => getFile(fileContainers[i], i)).toList(),
|
||||
);
|
||||
|
||||
// return Container(
|
||||
// height: 30,
|
||||
// width: 100,
|
||||
// child: ListView.builder(
|
||||
// itemCount: fileContainers.length,
|
||||
// itemBuilder: (context, i) {
|
||||
// return getFile(fileContainers[i]);
|
||||
// },
|
||||
// ),
|
||||
// );
|
||||
}
|
||||
|
||||
_fileAdded(FileContainer fileContainer, File selectedFile) {
|
||||
fileContainer.file = selectedFile;
|
||||
setState(() {
|
||||
widget.controller.addFile = fileContainer;
|
||||
});
|
||||
}
|
||||
|
||||
_fileRemove(FileContainer fileContainer) {
|
||||
setState(() {
|
||||
widget.controller.removeFile = fileContainer;
|
||||
});
|
||||
}
|
||||
|
||||
Widget getFile(FileContainer fileContainer, int index) {
|
||||
return Container(
|
||||
height: 40,
|
||||
padding: EdgeInsets.only(top: 5, bottom: 5),
|
||||
child: fileContainer.file == null && fileContainer.url == null
|
||||
? IconButton(
|
||||
padding: const EdgeInsets.all(3.0),
|
||||
icon: Icon(Icons.attach_file),
|
||||
onPressed: () async {
|
||||
if (!widget.enabled) return;
|
||||
bool camera = false, gallery = false;
|
||||
await _dialog(
|
||||
context, () => camera = true, () => gallery = true);
|
||||
if (camera || gallery) {
|
||||
var selectedFile = await ImagePicker.pickImage(
|
||||
source: camera ? ImageSource.camera : ImageSource.gallery,
|
||||
imageQuality: 80,
|
||||
maxWidth: 1000);
|
||||
if (selectedFile != null) {
|
||||
_fileAdded(fileContainer, selectedFile);
|
||||
}
|
||||
}
|
||||
},
|
||||
)
|
||||
: Padding(
|
||||
padding: const EdgeInsets.only(left: 3.0),
|
||||
child: InkWell(
|
||||
onTap: () => {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => ShowImage(
|
||||
imageFile: fileContainer.file,
|
||||
url: fileContainer.file == null
|
||||
? fileContainer.url
|
||||
: null,
|
||||
fileName: widget.title)),
|
||||
)
|
||||
},
|
||||
child: Chip(
|
||||
avatar: Icon(Icons.image),
|
||||
onDeleted: !widget.enabled
|
||||
? null
|
||||
: () {
|
||||
_fileRemove(fileContainer);
|
||||
},
|
||||
deleteIcon: Icon(
|
||||
Icons.close,
|
||||
),
|
||||
label: Text(widget.title + " - ${index + 1}"),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> _dialog(BuildContext context, cameraPress(), photoPress()) {
|
||||
return showDialog<void>(
|
||||
context: context,
|
||||
builder: (BuildContext context) {
|
||||
return AlertDialog(
|
||||
content: Container(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: <Widget>[
|
||||
Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: <Widget>[
|
||||
IconButton(
|
||||
icon: Icon(
|
||||
FontAwesomeIcons.camera,
|
||||
size: 30,
|
||||
),
|
||||
onPressed: () {
|
||||
Navigator.pop(context);
|
||||
cameraPress();
|
||||
}),
|
||||
Text("Camera")
|
||||
],
|
||||
),
|
||||
Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: <Widget>[
|
||||
IconButton(
|
||||
icon: Icon(Icons.photo_library, size: 30),
|
||||
onPressed: () {
|
||||
Navigator.pop(context);
|
||||
photoPress();
|
||||
}),
|
||||
Text("Gallery")
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class FileContainer {
|
||||
String url;
|
||||
File file;
|
||||
FileContainer({this.url, this.file});
|
||||
|
||||
@override
|
||||
bool operator ==(other) {
|
||||
if (identical(this, other)) {
|
||||
return true;
|
||||
}
|
||||
return (other.file == this.file &&
|
||||
(other.file != null || this.file != null)) ||
|
||||
(other.url == this.url && (other.url != null || this.url != null));
|
||||
}
|
||||
|
||||
@override
|
||||
int get hashCode {
|
||||
int result = 17;
|
||||
result = 37 * result + file.hashCode;
|
||||
return result;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user