opt: article content

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

lib/common/widgets/article_content.dart

@@ -11,6 +11,7 @@ Widget articleContent({
   required BuildContext context,
   required List<ArticleContentModel> list,
   Function(List<String>, int)? callback,
+  required double maxWidth,
 }) {
   List<String>? imgList = list
       .where((item) => item.pic != null)
@@ -57,8 +58,7 @@ Widget articleContent({
           ),
         );
       } else if (item.pic != null) {
-        return LayoutBuilder(
-          builder: (context, constraints) => Hero(
+        return Hero(
           tag: item.pic!.pics!.first.url!,
           child: GestureDetector(
             onTap: () {
@@ -70,20 +70,18 @@ Widget articleContent({
               } else {
                 context.imageView(
                   initialPage: imgList.indexOf(item.pic!.pics!.first.url!),
-                    imgList:
-                        imgList.map((url) => SourceModel(url: url)).toList(),
+                  imgList: imgList.map((url) => SourceModel(url: url)).toList(),
                 );
               }
             },
             child: NetworkImgLayer(
-                width: constraints.maxWidth,
-                height: constraints.maxWidth *
+              width: maxWidth,
+              height: maxWidth *
                   item.pic!.pics!.first.height! /
                   item.pic!.pics!.first.width!,
               src: item.pic!.pics!.first.url,
             ),
           ),
-          ),
         );
       } else {
         return const SizedBox.shrink();

lib/pages/html/view.dart

@@ -564,14 +564,17 @@ class _HtmlRenderPageState extends State<HtmlRenderPage>
       );
 
   Widget get _buildContent => SliverPadding(
-        padding: const EdgeInsets.fromLTRB(12, 8, 12, 8),
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
         sliver: Obx(
           () => _htmlRenderCtr.loaded.value
               ? _htmlRenderCtr.response['isJsonContent'] == true
-                  ? articleContent(
+                  ? LayoutBuilder(
+                      builder: (context, constraints) => articleContent(
                         context: context,
                         list: _htmlRenderCtr.response['content'],
                         callback: _getImageCallback,
+                        maxWidth: constraints.maxWidth,
+                      ),
                     )
                   : SliverToBoxAdapter(
                       child: LayoutBuilder(
@@ -583,9 +586,7 @@ class _HtmlRenderPageState extends State<HtmlRenderPage>
                         ),
                       ),
                     )
-              : SliverToBoxAdapter(
-                  child: const SizedBox(),
-                ),
+              : SliverToBoxAdapter(child: const SizedBox()),
         ),
       );
 }