From 159ebbae45145087f7f2a9a620c6c9000ef9a766 Mon Sep 17 00:00:00 2001
From: km2025 <km@bowong.ai>
Date: Wed, 7 Jan 2026 14:45:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=20VideoBox=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=94=AF=E6=8C=81=E6=9C=AC=E5=9C=B0?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91=E6=92=AD=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 @share/components/Video.tsx | 34 ++++++++++++++++++++++------------
 app/(tabs)/explore.tsx      |  7 +------
 ble/hooks/useBleExplorer.ts | 10 +++++++---
 bun.lock                    |  1 -
 4 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/@share/components/Video.tsx b/@share/components/Video.tsx
index 0c53b57..1db1c10 100644
--- a/@share/components/Video.tsx
+++ b/@share/components/Video.tsx
@@ -80,21 +80,31 @@ const VideoBox = ({ url, needWeb = true, width = 256, style, ...videoProps }: Pr
   const isLocal = !url.startsWith('http://') && !url.startsWith('https://')
   const isImageFile = isImg(url)
 
-  if (isLocal && !isImageFile) {
+  if (isLocal) {
+    if (!isImageFile) {
+      return (
+        <Video
+          key={url ?? 'no-url'}
+          muted
+          repeat
+          controls={false}
+          paused={false}
+          poster={url}
+          resizeMode="cover"
+          source={{ uri: url }}
+          style={style as any}
+          viewType={0}
+          volume={0}
+          {...videoProps}
+        />
+      )
+    }
     return (
-      <Video
-        key={url ?? 'no-url'}
-        muted
-        repeat
-        controls={false}
-        paused={false}
-        poster={url}
-        resizeMode="cover"
+      <Image
+        cachePolicy="memory-disk"
         source={{ uri: url }}
         style={style as any}
-        viewType={0}
-        volume={0}
-        {...videoProps}
+        transition={{ duration: 200, effect: 'cross-dissolve' }}
       />
     )
   }
diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx
index d25de90..30a569f 100644
--- a/app/(tabs)/explore.tsx
+++ b/app/(tabs)/explore.tsx
@@ -1,7 +1,6 @@
 import * as Sentry from '@sentry/react-native'
 import { type Directory, Paths } from 'expo-file-system'
 import * as FileSystem from 'expo-file-system/legacy'
-import { Image } from 'expo-image'
 import * as ImagePicker from 'expo-image-picker'
 import * as MediaLibrary from 'expo-media-library'
 import { observer } from 'mobx-react-lite'
@@ -214,11 +213,7 @@ export default observer(function TabTwoScreen() {
 
     return (
       <Block style={{ width: BLE_UUIDS.SCREEN_SIZE, height: BLE_UUIDS.SCREEN_SIZE }} onClick={downloadFile}>
-        <Image
-          contentFit="cover"
-          source={{ uri: imageUri }}
-          style={{ width: BLE_UUIDS.SCREEN_SIZE, height: BLE_UUIDS.SCREEN_SIZE }}
-        />
+        <VideoBox url={imageUri} style={{ width: BLE_UUIDS.SCREEN_SIZE, height: BLE_UUIDS.SCREEN_SIZE }} />
       </Block>
     )
   }
diff --git a/ble/hooks/useBleExplorer.ts b/ble/hooks/useBleExplorer.ts
index 27eb536..e86f3f3 100644
--- a/ble/hooks/useBleExplorer.ts
+++ b/ble/hooks/useBleExplorer.ts
@@ -302,6 +302,8 @@ export const useBleExplorer = () => {
     const onBindStatus = (status: BindingResponse) => {
       const activated = status.success === 1
       const contents = status.contents || []
+      console.log('onBindStatus-----', status)
+
       setState((prev) => ({ ...prev, isActivated: activated, contents }))
     }
 
@@ -607,7 +609,7 @@ export const useBleExplorer = () => {
           const timeoutId = setTimeout(() => {
             pendingPrepareTransfersRef.current.delete(key)
             reject(new Error('Prepare transfer timeout'))
-          }, 10000) // 10秒超时
+          }, 10e3) // 10秒超时
 
           // 先注册 Promise，再发送请求
           pendingPrepareTransfersRef.current.set(key, { resolve, reject, timeoutId })
@@ -944,6 +946,8 @@ export const useBleExplorer = () => {
           return Promise.reject('Invalid uriOrUrl key')
         }
         const prepareResp = await prepareTransfer(key, fileSizeByte)
+        console.log('prepareResp-----', prepareResp)
+
         if (prepareResp.status !== 'ready') {
           setState((prev) => ({ ...prev, loading: { ...prev.loading, converting: false } }))
           console.log('prepareResp not ready-----', prepareResp)
@@ -967,8 +971,8 @@ export const useBleExplorer = () => {
         return Promise.resolve()
       } catch (error: any) {
         setState((prev) => ({ ...prev, loading: { ...prev.loading, transferring: false } }))
-        console.log(`Transfer failed: ${error.message}`)
-        return Promise.reject(error.message)
+        console.log(`Transfer failed: ${error?.message}`)
+        return Promise.reject(error?.message)
       }
     },
     [state.connectedDevice, fileTransferService, convertImgToANIAsBuffer, setError],
diff --git a/bun.lock b/bun.lock
index 044cb8c..fa8a022 100644
--- a/bun.lock
+++ b/bun.lock
@@ -71,7 +71,6 @@
         "react-native-svg": "^15.15.1",
         "react-native-video": "^6.18.0",
         "react-native-web": "~0.21.0",
-        "react-native-webview": "^13.16.0",
         "react-native-worklets": "0.5.1",
         "tailwind-variants": "^0.2.1",
         "twrnc": "^4.11.1",