133 lines
3.6 KiB
Dart
133 lines
3.6 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:hgdj/assets_tool/app_colors.dart';
|
|
import 'package:hgdj/assets_tool/images.dart';
|
|
import 'package:hgdj/hj_utils/screen.dart';
|
|
import 'package:hgdj/tools_base/toast.dart';
|
|
import 'package:image_pickers/image_pickers.dart';
|
|
import 'package:mobkit_dashed_border/mobkit_dashed_border.dart';
|
|
|
|
/// AI 功能的单图选择器：未选时是虚线占位框，选后是缩略图 + 右上角删除
|
|
class PicPicker extends StatefulWidget {
|
|
/// 与 logic 共享同一份本地图片路径，选/删直接写回
|
|
final List<String> picList;
|
|
final double? width;
|
|
final double? height;
|
|
|
|
const PicPicker({
|
|
super.key,
|
|
required this.picList,
|
|
this.width,
|
|
this.height,
|
|
});
|
|
|
|
@override
|
|
State<PicPicker> createState() => _PicPickerState();
|
|
}
|
|
|
|
class _PicPickerState extends State<PicPicker> {
|
|
List<String> get picList => widget.picList;
|
|
|
|
void _delPic() {
|
|
if (picList.isNotEmpty) picList.removeAt(0);
|
|
setState(() {});
|
|
}
|
|
|
|
Future<void> _addPic() async {
|
|
final paths = await _pickImg();
|
|
if (paths.isEmpty) {
|
|
showToast("请选择图片");
|
|
return;
|
|
}
|
|
picList
|
|
..clear()
|
|
..addAll(paths);
|
|
setState(() {});
|
|
}
|
|
|
|
//相册选图，只取 1 张；不做二次压缩，交给插件的 compressSize
|
|
Future<List<String>> _pickImg() async {
|
|
final medias = await ImagePickers.pickerPaths(
|
|
uiConfig: UIConfig(uiThemeColor: AppColors.primaryColor),
|
|
galleryMode: GalleryMode.image,
|
|
selectCount: 1,
|
|
showCamera: true,
|
|
);
|
|
final paths =
|
|
medias.map((e) => e.path ?? "").where((e) => e.isNotEmpty).toList();
|
|
if (paths.length < medias.length) showToast("添加图片失败");
|
|
return paths;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SizedBox(
|
|
width: widget.width,
|
|
height: widget.height,
|
|
child: picList.isEmpty ? _addBtn() : _picItem(),
|
|
);
|
|
}
|
|
|
|
// 已选图：点图预览，点右上角叉删除
|
|
Widget _picItem() {
|
|
return GestureDetector(
|
|
onTap: () => ImagePickers.previewImages(picList, 0),
|
|
child: Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(8),
|
|
child: Image.file(
|
|
File(picList.first),
|
|
width: widget.width,
|
|
height: widget.height,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
Positioned(
|
|
top: 0,
|
|
right: 0,
|
|
child: InkWell(
|
|
enableFeedback: false,
|
|
onTap: _delPic,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(6),
|
|
child: Image.asset("close_grey.png".commonImgPath,
|
|
width: 14, height: 14),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
// 未选图：虚线占位框
|
|
Widget _addBtn() {
|
|
return GestureDetector(
|
|
onTap: _addPic,
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
color: const Color(0x0DFFFFFF),
|
|
border: DashedBorder.fromBorderSide(
|
|
dashLength: 2,
|
|
side: const BorderSide(color: Color(0xff656565)),
|
|
),
|
|
borderRadius: const BorderRadius.all(Radius.circular(3)),
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Image.asset('add_grey.png'.communityPath, width: 24),
|
|
10.sizeBoxH,
|
|
const Text("添加图片",
|
|
style: TextStyle(fontSize: 12, color: Color(0xff999999))),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|