feat: basic reader

aayush2622 · aayush2622 · commit be445a3c0f25 · 2025-03-08T00:17:13.000+05:30
diff --git a/lib/Screens/Manga/MangaReader/Reader.dart b/lib/Screens/Manga/MangaReader/Reader.dart
@@ -1,3 +1,5 @@
+import 'package:dartotsu/Widgets/CachedNetworkImage.dart';
+import 'package:dartotsu/Widgets/ScrollConfig.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import '../../../DataClass/Chapter.dart';
@@ -44,28 +46,44 @@ class MediaReaderState extends State<MediaReader> {
   }
 
   Widget _buildReader() {
-    return Obx(() {
-      return Stack(alignment: Alignment.center, children: [
-        Center(
-          child: Text('Media Reader'),
+    return KeyboardListener(
+      focusNode: focusNode,
+      child: GestureDetector(
+        onTap: () => showControls.value = !showControls.value,
+        child: Stack(
+          alignment: Alignment.center,
+          children: [
+            _buildWebtoonMode(),
+            _buildOverlay(),
+          ],
         ),
-        KeyboardListener(
-          focusNode: focusNode,
-          child: GestureDetector(
-            onTap: () => showControls.value = !showControls.value,
-            child: AnimatedOpacity(
-              opacity: showControls.value ? 0.3 : 0.0,
-              duration: const Duration(milliseconds: 300),
-              child: Container(color: Colors.black),
+      ),
+    );
+  }
+
+  Widget _buildWebtoonMode() {
+    return ScrollConfig(
+      context,
+      child: SingleChildScrollView(
+        child: Column(
+          children: [
+            ...widget.pages.map(
+              (p) {
+                return Center(
+                  child: cachedNetworkImage(
+                    imageUrl: p.url,
+                    fit: BoxFit.cover,
+                  ),
+                );
+              },
             ),
-          ),
+          ],
         ),
-        _buildVideoOverlay(),
-      ]);
-    });
+      ),
+    );
   }
 
-  Widget _buildVideoOverlay() {
+  Widget _buildOverlay() {
     return Obx(() {
       return Positioned.fill(
         child: AnimatedOpacity(
diff --git a/lib/Screens/Manga/MangaReader/ReaderController.dart b/lib/Screens/Manga/MangaReader/ReaderController.dart
@@ -35,11 +35,25 @@ class _ReaderControllerState extends State<ReaderController> {
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.all(16),
-      child: Stack(
-        children: [_buildTopControls()],
-      ),
+    return Stack(
+      children: [
+        Container(
+          height: 124,
+          decoration: BoxDecoration(
+            gradient: LinearGradient(
+              begin: Alignment.topCenter,
+              end: Alignment.bottomCenter,
+              colors: [
+                Colors.black.withOpacity(0.9),
+                Colors.black.withOpacity(0.5),
+                Colors.black.withOpacity(0.0),
+              ],
+            ),
+          ),
+          padding: EdgeInsets.all(16),
+          child: _buildTopControls(),
+        ),
+      ],
     );
   }
 
diff --git a/lib/Widgets/ScrollConfig.dart b/lib/Widgets/ScrollConfig.dart
@@ -11,6 +11,7 @@ Widget ScrollConfig(BuildContext context, {required Widget child}) {
         PointerDeviceKind.touch,
         PointerDeviceKind.mouse,
         PointerDeviceKind.trackpad,
+
       },
     ),
     child: child,
