⚡️ Support compile on the Web (#273)

Author: AlexV525

example/lib/customs/pickers/directory_file_asset_picker.dart

@@ -6,7 +6,6 @@ import 'dart:io';
 import 'dart:math' as math;
 import 'dart:typed_data';
 
-import 'package:extended_image/extended_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:path/path.dart' show basename;
@@ -763,35 +762,7 @@ class FileAssetPickerBuilder
 
   @override
   Widget imageAndVideoItemBuilder(BuildContext context, int index, File asset) {
-    final FileImage imageProvider = FileImage(asset);
-    return RepaintBoundary(
-      child: ExtendedImage(
-        image: imageProvider,
-        fit: BoxFit.cover,
-        loadStateChanged: (ExtendedImageState state) {
-          Widget loader = const SizedBox.shrink();
-          switch (state.extendedImageLoadState) {
-            case LoadState.loading:
-              loader = const ColoredBox(color: Color(0x10ffffff));
-              break;
-            case LoadState.completed:
-              loader = Stack(
-                children: <Widget>[
-                  Positioned.fill(
-                    child: RepaintBoundary(child: state.completedWidget),
-                  ),
-                  selectedBackdrop(context, index, asset),
-                ],
-              );
-              break;
-            case LoadState.failed:
-              loader = failedItemBuilder(context);
-              break;
-          }
-          return loader;
-        },
-      ),
-    );
+    return RepaintBoundary(child: Image.file(asset, fit: BoxFit.cover));
   }
 
   @override
@@ -1241,6 +1212,10 @@ class FileAssetPickerViewerBuilderDelegate
           maxAssets: selectorProvider?.maxAssets,
         );
 
+  late final PageController _pageController = PageController(
+    initialPage: currentIndex,
+  );
+
   bool _isDisplayingDetail = true;
 
   @override
@@ -1258,26 +1233,7 @@ class FileAssetPickerViewerBuilderDelegate
     return GestureDetector(
       behavior: HitTestBehavior.opaque,
       onTap: switchDisplayingDetail,
-      child: ExtendedImage.file(
-        asset,
-        fit: BoxFit.contain,
-        mode: ExtendedImageMode.gesture,
-        onDoubleTap: updateAnimation,
-        initGestureConfigHandler: (ExtendedImageState state) {
-          return GestureConfig(
-            initialScale: 1.0,
-            minScale: 1.0,
-            maxScale: 3.0,
-            animationMinScale: 0.6,
-            animationMaxScale: 4.0,
-            cacheGesture: false,
-            inPageView: true,
-          );
-        },
-        loadStateChanged: (ExtendedImageState state) {
-          return previewWidgetLoadStateChanged(context, state);
-        },
-      ),
+      child: Image.file(asset, fit: BoxFit.contain),
     );
   }
 
@@ -1367,7 +1323,7 @@ class FileAssetPickerViewerBuilderDelegate
                     children: <Widget>[
                       Positioned.fill(
                         child: RepaintBoundary(
-                          child: ExtendedImage.file(asset, fit: BoxFit.cover),
+                          child: Image.file(asset, fit: BoxFit.cover),
                         ),
                       ),
                       AnimatedContainer(
@@ -1452,9 +1408,9 @@ class FileAssetPickerViewerBuilderDelegate
             child: Stack(
               children: <Widget>[
                 Positioned.fill(
-                  child: ExtendedImageGesturePageView.builder(
+                  child: PageView.builder(
                     physics: const BouncingScrollPhysics(),
-                    controller: pageController,
+                    controller: _pageController,
                     itemCount: previewAssets.length,
                     itemBuilder: assetPageBuilder,
                     onPageChanged: (int index) {

example/pubspec.yaml

@@ -17,7 +17,6 @@ dependencies:
     path: ../
   wechat_camera_picker: ^3.0.0
 
-  extended_image: ^6.0.1
   meta: ^1.7.0
   package_info_plus: ^1.3.0
   path: ^1.8.0

lib/src/widget/builder/image_page_builder.dart

@@ -2,6 +2,8 @@
 /// [Author] Alex (https://github.com/Alex525)
 /// [Date] 2020/4/6 15:07
 ///
+import 'dart:io';
+
 import 'package:extended_image/extended_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';

pubspec.yaml

@@ -11,7 +11,7 @@ dependencies:
   flutter:
     sdk: flutter
 
-  extended_image: ^6.0.1
+  extended_image: ^6.0.2+1
   meta: ^1.7.0
   photo_manager: ^2.0.0
   provider: ^6.0.1