Fixed flash on remove/add image

.gitignore

@@ -28,3 +28,5 @@ migrate_working_dir/
 .dart_tool/
 .packages
 build/
+.flutter-plugins
+.flutter-plugins-dependencies

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## 0.0.7
-- Added support for default images (pre selected images)
+- Added support for default images 🖼️ (pre selected images)
+- Solved white flash 🔦 problem occurs on add/remove image
 
 ## 0.0.6
 - 🪲 Fixed some bugs

example/pubspec.lock

@@ -148,7 +148,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "0.0.6"
+    version: "0.0.7"
   path:
     dependency: transitive
     description:

lib/src/image_file.dart

@@ -2,6 +2,7 @@ import 'dart:typed_data';
 
 /// Store the image data and other information.
 class ImageFile {
+  final String key;
   final String name;
   final String extension;
   final Uint8List? bytes;
@@ -13,6 +14,6 @@ class ImageFile {
   /// returns size of bytes if image has bytes, else 0.
   int get size => bytes?.length ?? 0;
 
-  ImageFile(
+  ImageFile(this.key,
       {required this.name, required this.extension, this.bytes, this.path});
 }

lib/src/multi_image_picker_controller.dart

@@ -41,7 +41,7 @@ class MultiImagePickerController with ChangeNotifier {
           .where((e) =>
               e.extension != null &&
               allowedImageTypes.contains(e.extension?.toLowerCase()))
-          .map((e) => ImageFile(
+          .map((e) => ImageFile(UniqueKey().toString(),
               name: e.name,
               extension: e.extension!,
               bytes: e.bytes,

lib/src/multi_image_picker_view.dart

@@ -37,30 +37,39 @@ class MultiImagePickerView extends StatefulWidget {
 
   final SliverGridDelegate? gridDelegate;
 
-  // final images = <String>[];
-
   @override
   State<MultiImagePickerView> createState() => _MultiImagePickerViewState();
 }
 
 class _MultiImagePickerViewState extends State<MultiImagePickerView> {
+  late ScrollController scrollController;
+  final gridViewKey = GlobalKey();
+  final selectorKey = GlobalKey();
+
   @override
-  Widget build(BuildContext context) {
-    _pickImages() async {
-      final result = await widget.controller.pickImages();
-      if (!result) return;
-      if (widget.onChange != null) {
-        widget.onChange!(widget.controller.images);
-      }
+  void initState() {
+    super.initState();
+    scrollController = ScrollController();
+    widget.controller.addListener(updateUi);
+  }
+
+  void _pickImages() async {
+    final result = await widget.controller.pickImages();
+    if (!result) return;
+    if (widget.onChange != null) {
+      widget.onChange!(widget.controller.images);
     }
+  }
 
-    void _deleteImage(ImageFile imageFile) {
-      widget.controller.removeImage(imageFile);
-      if (widget.onChange != null) {
-        widget.onChange!(widget.controller.images);
-      }
+  void _deleteImage(ImageFile imageFile) {
+    widget.controller.removeImage(imageFile);
+    if (widget.onChange != null) {
+      widget.onChange!(widget.controller.images);
     }
+  }
 
+  @override
+  Widget build(BuildContext context) {
     if (widget.controller.hasNoImages) {
       return widget.initialContainerBuilder != null
           ? widget.initialContainerBuilder!(context, _pickImages)
@@ -89,7 +98,7 @@ class _MultiImagePickerViewState extends State<MultiImagePickerView> {
             );
     }
     final selector = SizedBox(
-      key: UniqueKey(),
+      key: selectorKey,
       child: widget.addMoreBuilder != null
           ? widget.addMoreBuilder!(context, _pickImages)
           : Container(
@@ -116,9 +125,6 @@ class _MultiImagePickerViewState extends State<MultiImagePickerView> {
             ),
     );
 
-    final scrollController = ScrollController();
-    final gridViewKey = GlobalKey();
-
     return Padding(
       padding: widget.padding ?? EdgeInsets.zero,
       child: ReorderableBuilder(
@@ -173,7 +179,7 @@ class _MultiImagePickerViewState extends State<MultiImagePickerView> {
         },
         children: widget.controller.images
                 .map<Widget>((e) => SizedBox(
-                      key: UniqueKey(),
+                      key: Key(e.key),
                       child: widget.itemBuilder != null
                           ? widget.itemBuilder!(context, e, _deleteImage)
                           : _ItemView(file: e, onDelete: _deleteImage),
@@ -186,12 +192,6 @@ class _MultiImagePickerViewState extends State<MultiImagePickerView> {
     );
   }
 
-  @override
-  void initState() {
-    super.initState();
-    widget.controller.addListener(updateUi);
-  }
-
   @override
   void didUpdateWidget(MultiImagePickerView? oldWidget) {
     if (oldWidget == null) return;
@@ -213,6 +213,7 @@ class _MultiImagePickerViewState extends State<MultiImagePickerView> {
   @override
   void dispose() {
     widget.controller.removeListener(updateUi);
+    scrollController.dispose();
     super.dispose();
   }
 }