bug fixed

@@ -16,7 +16,7 @@ class MyApp extends StatefulWidget {
 }
 }
 
 
 class _MyAppState extends State<MyApp> {
 class _MyAppState extends State<MyApp> {
-  ThemeMode _themeMode = ThemeMode.system;
+  ThemeMode _themeMode = ThemeMode.dark;
   @override
   @override
   Widget build(BuildContext context) {
   Widget build(BuildContext context) {
     return MaterialApp(
     return MaterialApp(
@@ -37,7 +37,9 @@ class _MyAppState extends State<MyApp> {
         title: 'Flutter Demo Home Page',
         title: 'Flutter Demo Home Page',
         onPressed: () {
         onPressed: () {
           setState(() {
           setState(() {
-            _themeMode = ThemeMode.values[(_themeMode.index + 1) % 3];
+            _themeMode = (_themeMode == ThemeMode.dark)
+                ? ThemeMode.light
+                : ThemeMode.dark;
           });
           });
         },
         },
       ),
       ),
@@ -107,6 +109,7 @@ $hello$
                     animation: _controller,
                     animation: _controller,
                     builder: (context, _) {
                     builder: (context, _) {
                       return Material(
                       return Material(
+                        color: Theme.of(context).colorScheme.surfaceVariant,
                         shape: const RoundedRectangleBorder(
                         shape: const RoundedRectangleBorder(
                           side: BorderSide(width: 1),
                           side: BorderSide(width: 1),
                         ),
                         ),

@@ -7,17 +7,14 @@ class CustomDivider extends LeafRenderObjectWidget {
 
 
   @override
   @override
   RenderObject createRenderObject(BuildContext context) {
   RenderObject createRenderObject(BuildContext context) {
-    return RenderDivider(
-        color ?? Theme.of(context).colorScheme.onSurfaceVariant,
-        MediaQuery.of(context).size.width,
-        height ?? 2);
+    return RenderDivider(color ?? Theme.of(context).colorScheme.outline,
+        MediaQuery.of(context).size.width, height ?? 2);
   }
   }
 
 
   @override
   @override
   void updateRenderObject(
   void updateRenderObject(
       BuildContext context, covariant RenderDivider renderObject) {
       BuildContext context, covariant RenderDivider renderObject) {
-    renderObject.color =
-        color ?? Theme.of(context).colorScheme.onSurfaceVariant;
+    renderObject.color = color ?? Theme.of(context).colorScheme.outline;
     renderObject.height = height ?? 2;
     renderObject.height = height ?? 2;
     renderObject.width = MediaQuery.of(context).size.width;
     renderObject.width = MediaQuery.of(context).size.width;
   }
   }

+import 'dart:math';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+
+class CustomImageError extends LeafRenderObjectWidget {
+  const CustomImageError({
+    super.key,
+    this.iconColor,
+    this.backgroundColor,
+    this.outlineColor,
+  });
+  final Color? iconColor;
+  final Color? backgroundColor;
+  final Color? outlineColor;
+
+  @override
+  RenderObject createRenderObject(BuildContext context) {
+    return RenderCustomImageError(
+      iconColor ?? Theme.of(context).colorScheme.onSurfaceVariant,
+      backgroundColor ?? Theme.of(context).colorScheme.surfaceVariant,
+      outlineColor ?? Theme.of(context).colorScheme.outline,
+    );
+  }
+
+  @override
+  void updateRenderObject(
+      BuildContext context, covariant RenderCustomImageError renderObject) {
+    renderObject._backgroundColor =
+        backgroundColor ?? Theme.of(context).colorScheme.surfaceVariant;
+    renderObject._iconColor =
+        iconColor ?? Theme.of(context).colorScheme.onSurfaceVariant;
+    renderObject._outlineColor =
+        outlineColor ?? Theme.of(context).colorScheme.outline;
+  }
+}
+
+class RenderCustomImageError extends RenderProxyBox {
+  RenderCustomImageError(
+      this._iconColor, this._backgroundColor, this._outlineColor);
+  Color _iconColor;
+  Color _outlineColor;
+  Color _backgroundColor;
+  set iconColor(Color value) {
+    if (value == _iconColor) {
+      return;
+    }
+    _iconColor = value;
+    markNeedsPaint();
+  }
+
+  set backgroundColor(Color value) {
+    if (value == _backgroundColor) {
+      return;
+    }
+    _backgroundColor = value;
+    markNeedsPaint();
+  }
+
+  set outlineColor(Color value) {
+    if (value == _outlineColor) {
+      return;
+    }
+    _outlineColor = value;
+    markNeedsPaint();
+  }
+
+  @override
+  void performLayout() {
+    size = constraints.constrain(
+        Size(min(constraints.maxWidth, 80), min(constraints.maxHeight, 80)));
+  }
+
+  @override
+  void paint(PaintingContext context, Offset offset) {
+    context.canvas.drawRect(
+      offset & size,
+      Paint()..color = _backgroundColor,
+    );
+    context.canvas.drawRect(
+      offset & size,
+      Paint()
+        ..style = PaintingStyle.stroke
+        ..color = _outlineColor,
+    );
+    const icon = Icons.image_not_supported;
+    TextPainter textPainter = TextPainter(textDirection: TextDirection.rtl);
+    textPainter.text = TextSpan(
+      text: String.fromCharCode(icon.codePoint),
+      style: TextStyle(
+          fontSize: min(min(size.width, size.height), 35),
+          fontFamily: icon.fontFamily,
+          color: _iconColor),
+    );
+    textPainter.layout();
+    textPainter.paint(
+      context.canvas,
+      offset +
+          Offset(size.width / 2 - textPainter.size.width / 2,
+              size.height / 2 - textPainter.size.height / 2),
+    );
+  }
+}

@@ -20,7 +20,12 @@ class CustomRb extends RenderObjectWidget
   Widget? childForSlot(CustomRbSlot slot) {
   Widget? childForSlot(CustomRbSlot slot) {
     switch (slot) {
     switch (slot) {
       case CustomRbSlot.rb:
       case CustomRbSlot.rb:
-        return Radio(value: value, groupValue: true, onChanged: (value) {});
+        return Radio(
+          value: value,
+          groupValue: true,
+          materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
+          onChanged: (value) {},
+        );
       case CustomRbSlot.child:
       case CustomRbSlot.child:
         return child;
         return child;
     }
     }
@@ -69,7 +74,8 @@ class RenderCustomRb extends RenderBox
       return;
       return;
     }
     }
     rb;
     rb;
-    Size rbSize = _layoutBox(rb!, const BoxConstraints(maxWidth: 50));
+    Size rbSize =
+        _layoutBox(rb!, const BoxConstraints(maxWidth: 50, maxHeight: 20));
     Size bodySize = _layoutBox(
     Size bodySize = _layoutBox(
         body!,
         body!,
         BoxConstraints(
         BoxConstraints(
@@ -80,7 +86,8 @@ class RenderCustomRb extends RenderBox
       ..offset = Offset(
       ..offset = Offset(
         0,
         0,
         body!.computeDistanceToActualBaseline(TextBaseline.alphabetic)! -
         body!.computeDistanceToActualBaseline(TextBaseline.alphabetic)! -
-              rb!.size.height / 1.5);
+            rb!.size.height / 1.5,
+      );
     size = constraints.constrain(Size(bodySize.width + rbSize.width + _spacing,
     size = constraints.constrain(Size(bodySize.width + rbSize.width + _spacing,
         max(rbSize.height, bodySize.height)));
         max(rbSize.height, bodySize.height)));
   }
   }
@@ -183,7 +190,8 @@ class RenderCustomCb extends RenderBox
       return;
       return;
     }
     }
     rb;
     rb;
-    Size rbSize = _layoutBox(rb!, const BoxConstraints(maxWidth: 50));
+    Size rbSize =
+        _layoutBox(rb!, const BoxConstraints(maxWidth: 50, maxHeight: 20));
     Size bodySize = _layoutBox(
     Size bodySize = _layoutBox(
         body!,
         body!,
         BoxConstraints(
         BoxConstraints(

+import 'dart:math';
+
 import 'package:flutter/material.dart';
 import 'package:flutter/material.dart';
 import 'package:tex_markdown/custom_widgets/custom_divider.dart';
 import 'package:tex_markdown/custom_widgets/custom_divider.dart';
+import 'package:tex_markdown/custom_widgets/custom_error_image.dart';
 import 'package:tex_markdown/custom_widgets/custom_rb_cb.dart';
 import 'package:tex_markdown/custom_widgets/custom_rb_cb.dart';
 import 'package:tex_markdown/custom_widgets/unordered_ordered_list.dart';
 import 'package:tex_markdown/custom_widgets/unordered_ordered_list.dart';
 import 'package:tex_text/tex_text.dart';
 import 'package:tex_text/tex_text.dart';
@@ -127,9 +130,10 @@ abstract class BlockMd extends MarkdownComponent {
     return TextSpan(
     return TextSpan(
       children: [
       children: [
         const TextSpan(
         const TextSpan(
-          text: "\n",
+          text: "\n ",
           style: TextStyle(
           style: TextStyle(
             fontSize: 0,
             fontSize: 0,
+            height: 0,
           ),
           ),
         ),
         ),
         WidgetSpan(
         WidgetSpan(
@@ -137,14 +141,10 @@ abstract class BlockMd extends MarkdownComponent {
           alignment: PlaceholderAlignment.middle,
           alignment: PlaceholderAlignment.middle,
         ),
         ),
         const TextSpan(
         const TextSpan(
-          text: "\n",
-          style: TextStyle(fontSize: 0),
+          text: "\n ",
+          style: TextStyle(fontSize: 0, height: 0),
         ),
         ),
       ],
       ],
-      // child: Align(
-      //   alignment: Alignment.centerLeft,
-      //   child: build(context, text, style, onLinkTab),
-      // ),
     );
     );
   }
   }
 
 
@@ -202,15 +202,13 @@ class HTag extends BlockMd {
         ),
         ),
         if (match[1]!.length == 1) ...[
         if (match[1]!.length == 1) ...[
           const TextSpan(
           const TextSpan(
-            text: "\n",
+            text: "\n ",
             style: TextStyle(fontSize: 0, height: 0),
             style: TextStyle(fontSize: 0, height: 0),
           ),
           ),
           WidgetSpan(
           WidgetSpan(
-            alignment: PlaceholderAlignment.top,
             child: CustomDivider(
             child: CustomDivider(
               height: 2,
               height: 2,
-              color: style?.color ??
-                  Theme.of(context).colorScheme.onSurfaceVariant,
+              color: style?.color ?? Theme.of(context).colorScheme.outline,
             ),
             ),
           ),
           ),
         ],
         ],
@@ -238,7 +236,7 @@ class HrLine extends BlockMd {
   ) {
   ) {
     return CustomDivider(
     return CustomDivider(
       height: 2,
       height: 2,
-      color: style?.color ?? Theme.of(context).colorScheme.onSurfaceVariant,
+      color: style?.color ?? Theme.of(context).colorScheme.outline,
     );
     );
   }
   }
 
 
@@ -518,13 +516,12 @@ class ImageMd extends InlineMd {
           "${match?[2]}",
           "${match?[2]}",
           fit: BoxFit.fill,
           fit: BoxFit.fill,
           errorBuilder: (context, error, stackTrace) {
           errorBuilder: (context, error, stackTrace) {
-            return Placeholder(
-              color: Theme.of(context).colorScheme.error,
-              child: Text(
-                "${match?[2]}\n$error",
-                style: style,
-              ),
-            );
+            double size = 35;
+            // if (height != null && width != null) {
+            size = min(size, height ?? size);
+            size = min(size, width ?? size);
+            // }
+            return const CustomImageError();
           },
           },
         ),
         ),
       ),
       ),

@@ -53,16 +53,17 @@ $value
       RegExp(r"\n\n+"),
       RegExp(r"\n\n+"),
       onMatch: (p0) {
       onMatch: (p0) {
         list.add(
         list.add(
-          const TextSpan(text: "\n"),
+          const TextSpan(text: "\n\n", style: TextStyle(fontSize: 16)),
         );
         );
         return "";
         return "";
       },
       },
       onNonMatch: (eachLn) {
       onNonMatch: (eachLn) {
         final RegExp table = RegExp(
         final RegExp table = RegExp(
-          r"^(((\|[^\n\|]+\|)((([^\n\|]+\|)+)?))(\n(((\|[^\n\|]+\|)(([^\n\|]+\|)+)?)))+)?$",
+          r"^(((\|[^\n\|]+\|)((([^\n\|]+\|)+)?))(\n(((\|[^\n\|]+\|)(([^\n\|]+\|)+)?)))+)$",
         );
         );
-        if (table.hasMatch(eachLn)) {
+        if (table.hasMatch(eachLn.trim())) {
           final List<Map<int, String>> value = eachLn
           final List<Map<int, String>> value = eachLn
+              .trim()
               .split('\n')
               .split('\n')
               .map<Map<int, String>>(
               .map<Map<int, String>>(
                 (e) => e
                 (e) => e
@@ -84,8 +85,8 @@ $value
           list.addAll(
           list.addAll(
             [
             [
               const TextSpan(
               const TextSpan(
-                text: "\n",
-                style: TextStyle(height: 0),
+                text: "\n ",
+                style: TextStyle(height: 0, fontSize: 0),
               ),
               ),
               WidgetSpan(
               WidgetSpan(
                 child: Table(
                 child: Table(
@@ -115,14 +116,15 @@ $value
                 ),
                 ),
               ),
               ),
               const TextSpan(
               const TextSpan(
-                text: "\n",
-                style: TextStyle(height: 0),
+                text: "\n ",
+                style: TextStyle(height: 0, fontSize: 0),
               ),
               ),
             ],
             ],
           );
           );
         } else {
         } else {
           list.addAll(
           list.addAll(
-            MarkdownComponent.generate(context, eachLn, style, onLinkTab),
+            MarkdownComponent.generate(
+                context, eachLn.trim(), style, onLinkTab),
           );
           );
         }
         }
         return "";
         return "";
@@ -144,9 +146,6 @@ class CustomTableColumnWidth extends TableColumnWidth {
       each.layout(const BoxConstraints(), parentUsesSize: true);
       each.layout(const BoxConstraints(), parentUsesSize: true);
       width = max(width, each.size.width);
       width = max(width, each.size.width);
     }
     }
-    if (containerWidth == double.infinity) {
-      return width;
-    }
     return min(containerWidth, width);
     return min(containerWidth, width);
   }
   }