Add KeyboardListener to viewer page

project-violet · Dec 23, 2023 · ba260c1 · ba260c1
1 parent 09d827d
commit ba260c1
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 3 deletions.
diff --git a/lib/pages/viewer/horizontal_viewer_page.dart b/lib/pages/viewer/horizontal_viewer_page.dart
@@ -26,6 +26,7 @@ class HorizontalViewerPage extends StatefulWidget {
 
 class _HorizontalViewerPageState extends State<HorizontalViewerPage> {
   late final ViewerController c;
+  Duration? lastKeyPressedTimeStamp;
 
   @override
   void initState() {
@@ -76,6 +77,24 @@ class _HorizontalViewerPageState extends State<HorizontalViewerPage> {
                 ),
               ),
             ),
+            KeyboardListener(
+                focusNode: FocusNode(),
+                onKeyEvent: (event) {
+                  if(lastKeyPressedTimeStamp != null){
+                    // print('${event.timeStamp.inSeconds}');
+                    // print('${lastKeyPressedTimeStamp!.inSeconds}');
+                    if((event.timeStamp.inMilliseconds - lastKeyPressedTimeStamp!.inMilliseconds) < 250) return;
+                  }
+                  lastKeyPressedTimeStamp = event.timeStamp;
+                  if(event.physicalKey.debugName == 'Arrow Left'){
+                    c.leftButton();
+                  }
+                  if(event.physicalKey.debugName == 'Arrow Right'){
+                    c.rightButton();
+                  }
+                },
+                child: Container(),
+              ),
           Align(
             alignment: Alignment.center,
             child: Container(

diff --git a/lib/pages/viewer/vertical_viewer_page.dart b/lib/pages/viewer/vertical_viewer_page.dart
@@ -32,6 +32,7 @@ class VerticalViewerPage extends StatefulWidget {
 class _VerticalViewerPageState extends State<VerticalViewerPage>
     with SingleTickerProviderStateMixin {
   late final ViewerController c;
+  Duration? lastKeyPressedTimeStamp;
 
   /// this is used for interactive viewer widget
   /// double-tap a specific location to zoom in on that location.
@@ -185,9 +186,31 @@ class _VerticalViewerPageState extends State<VerticalViewerPage>
       color: null,
       width: width,
       height: height,
-      child: CustomDoubleTapGestureDectector(
-        onTap: _touchEvent,
-        onDoubleTap: _doubleTapEvent,
+      child: Column(
+        children:[
+          CustomDoubleTapGestureDectector(
+            onTap: _touchEvent,
+            onDoubleTap: _doubleTapEvent,
+          ),
+            KeyboardListener(
+                focusNode: FocusNode(),
+                onKeyEvent: (event) {
+                  if(lastKeyPressedTimeStamp != null){
+                    // print('${event.timeStamp.inSeconds}');
+                    // print('${lastKeyPressedTimeStamp!.inSeconds}');
+                    if((event.timeStamp.inMilliseconds - lastKeyPressedTimeStamp!.inMilliseconds) < 250) return;
+                  }
+                  lastKeyPressedTimeStamp = event.timeStamp;
+                  if(event.physicalKey.debugName == 'Arrow Left'){
+                    c.leftButton();
+                  }
+                  if(event.physicalKey.debugName == 'Arrow Right'){
+                    c.rightButton();
+                  }
+                },
+                child: Container(),
+              ),
+        ],
       ),
     );
   }