feat: 回退事件监听

maotoumao · May 21, 2023 · 84f5e9b · 84f5e9b
1 parent 3499559
commit 84f5e9b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "MusicFree",
-  "version": "0.1.0-alpha.6",
+  "version": "0.1.0-alpha.7",
   "license": "GPL",
   "private": true,
   "author": {

diff --git a/src/components/imageViewer/index.tsx b/src/components/imageViewer/index.tsx
@@ -1,5 +1,6 @@
-import React from 'react';
+import React, {useEffect} from 'react';
 import {
+    BackHandler,
     Image,
     StyleSheet,
     TouchableOpacity,
@@ -21,6 +22,22 @@ export function ImageViewComponent() {
 
     const orientation = useOrientation();
 
+    useEffect(() => {
+        const backHandler = BackHandler.addEventListener(
+            'hardwareBackPress',
+            () => {
+                if (currentImgSrcState.getValue()) {
+                    currentImgSrcState.setValue(null);
+                    return true;
+                }
+                return false;
+            },
+        );
+        return () => {
+            backHandler.remove();
+        };
+    }, []);
+
     return currentImgSrc ? (
         <TouchableWithoutFeedback
             onPress={() => {
@@ -102,6 +119,6 @@ const style = StyleSheet.create({
         paddingHorizontal: rpx(18),
         paddingVertical: rpx(12),
         borderRadius: rpx(8),
-        backgroundColor: '#20232a',
+        backgroundColor: '#20232a ',
     },
 });