feat: 优化 VideoBox 组件，支持本地视频播放

@share/components/Video.tsx

@@ -80,7 +80,8 @@ 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'}
@@ -98,6 +99,15 @@ const VideoBox = ({ url, needWeb = true, width = 256, style, ...videoProps }: Pr
         />
       )
     }
+    return (
+      <Image
+        cachePolicy="memory-disk"
+        source={{ uri: url }}
+        style={style as any}
+        transition={{ duration: 200, effect: 'cross-dissolve' }}
+      />
+    )
+  }
 
   return (
     // 移除 key 避免组件重建导致闪烁，使用 transition 实现平滑切换

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
+        <VideoBox url={imageUri} style={{ width: BLE_UUIDS.SCREEN_SIZE, height: BLE_UUIDS.SCREEN_SIZE }} />
-          contentFit="cover"
-          source={{ uri: imageUri }}
-          style={{ width: BLE_UUIDS.SCREEN_SIZE, height: BLE_UUIDS.SCREEN_SIZE }}
-        />
       </Block>
     )
   }

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}`)
+        console.log(`Transfer failed: ${error?.message}`)
-        return Promise.reject(error.message)
+        return Promise.reject(error?.message)
       }
     },
     [state.connectedDevice, fileTransferService, convertImgToANIAsBuffer, setError],

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",