Bug fixes + Provide a way to handle the image errors and use custom i…

…mage provider (#1428)

CHANGELOG.md

@@ -1,3 +1,7 @@
+# [7.4.14]
+- Custom style attrbuites for platforms other than mobile (alignment, margin, width, height)
+- Improve performance by reducing the number of widgets rebuilt by listening to media query for only the needed things, for example instead of using `MediaQuery.of(context).size`, now we are using `MediaQuery.sizeOf(context)`
+
 # [7.4.13]
 - Fixed tab editing when in readOnly mode.
 

example/lib/pages/home_page.dart

@@ -104,7 +104,7 @@ class _HomePageState extends State<HomePage> {
       ),
       drawer: Container(
         constraints:
-            BoxConstraints(maxWidth: MediaQuery.of(context).size.width * 0.7),
+            BoxConstraints(maxWidth: MediaQuery.sizeOf(context).width * 0.7),
         color: Colors.grey.shade800,
         child: _buildMenuBar(context),
       ),
@@ -408,7 +408,7 @@ class _HomePageState extends State<HomePage> {
       );
 
   Widget _buildMenuBar(BuildContext context) {
-    final size = MediaQuery.of(context).size;
+    final size = MediaQuery.sizeOf(context);
     const itemStyle = TextStyle(
       color: Colors.white,
       fontSize: 18,

example/lib/universal_ui/universal_ui.dart

@@ -45,7 +45,7 @@ class ImageEmbedBuilderWeb extends EmbedBuilder {
       // TODO: handle imageUrl of base64
       return const SizedBox();
     }
-    final size = MediaQuery.of(context).size;
+    final size = MediaQuery.sizeOf(context);
     UniversalUI().platformViewRegistry.registerViewFactory(imageUrl, (viewId) {
       return html.ImageElement()
         ..src = imageUrl
@@ -61,7 +61,7 @@ class ImageEmbedBuilderWeb extends EmbedBuilder {
                 : size.width * 0.2,
       ),
       child: SizedBox(
-        height: MediaQuery.of(context).size.height * 0.45,
+        height: MediaQuery.sizeOf(context).height * 0.45,
         child: HtmlElementView(
           viewType: imageUrl,
         ),
@@ -94,8 +94,8 @@ class VideoEmbedBuilderWeb extends EmbedBuilder {
     UniversalUI().platformViewRegistry.registerViewFactory(
         videoUrl,
         (id) => html.IFrameElement()
-          ..width = MediaQuery.of(context).size.width.toString()
-          ..height = MediaQuery.of(context).size.height.toString()
+          ..width = MediaQuery.sizeOf(context).width.toString()
+          ..height = MediaQuery.sizeOf(context).height.toString()
           ..src = videoUrl
           ..style.border = 'none');
 

example/lib/widgets/responsive_widget.dart

@@ -13,16 +13,16 @@ class ResponsiveWidget extends StatelessWidget {
   final Widget? smallScreen;
 
   static bool isSmallScreen(BuildContext context) {
-    return MediaQuery.of(context).size.width < 800;
+    return MediaQuery.sizeOf(context).width < 800;
   }
 
   static bool isLargeScreen(BuildContext context) {
-    return MediaQuery.of(context).size.width > 1200;
+    return MediaQuery.sizeOf(context).width > 1200;
   }
 
   static bool isMediumScreen(BuildContext context) {
-    return MediaQuery.of(context).size.width >= 800 &&
-        MediaQuery.of(context).size.width <= 1200;
+    return MediaQuery.sizeOf(context).width >= 800 &&
+        MediaQuery.sizeOf(context).width <= 1200;
   }
 
   @override

flutter_quill_extensions/CHANGELOG.md

@@ -1,8 +1,15 @@
 ## 0.5.1
+- Provide a way to use custom image provider for the image widgets
+- Provide a way to handle different errors in image widgets
+- Two bug fixes related to pick the image and capture it using the camera
+- Add support for image resizing on desktop platforms when forced using the mobile context menu
+- Improve performance by reducing the number of widgets rebuilt by listening to media query for only the needed things, for example instead of using `MediaQuery.of(context).size`, now we are using `MediaQuery.sizeOf(context)`
 - Fix warrning "The platformViewRegistry getter is deprecated and will be removed in a future release. Please import it from dart:ui_web instead."
 - Add QuillImageUtilities class
 - Small improvemenets
 - Allow to use the mobile context menu on desktop by force using it
+- Add the resizing option to the forced mobile context menu
+- Add new custom style attrbuite for desktop and other platforms
 
 ## 0.5.0
 - Migrated from `gallery_saver` to `gal` for saving images