bowong
/
expo-duooomi-app
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 优化视频组件缓存逻辑，调整列表加载距离；更新更新检查器配置以关闭定时检查

This commit is contained in:
康猛 2026-01-14 16:47:35 +08:00
parent a5b825e761
commit 7349d62046
5 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
@share/components/Video.tsx
View File

@ -46,6 +46,7 @@ const VideoBox = ({ url, needWeb = true, width = 256, style, ...videoProps }: Pr
try { try {
// 先尝试从缓存获取 // 先尝试从缓存获取
const cachedUrl = await videoUrlCache.get(url!, width) const cachedUrl = await videoUrlCache.get(url!, width)
console.log('getRedirectUrl cachedUrl-----------', url, cachedUrl)
if (cachedUrl) { if (cachedUrl) {
setUrlFinal(cachedUrl) setUrlFinal(cachedUrl)
return return
@ -55,6 +56,7 @@ const VideoBox = ({ url, needWeb = true, width = 256, style, ...videoProps }: Pr
const webpUrl = createUrl(url!) const webpUrl = createUrl(url!)
const finalUrl = await resolveRedirect(webpUrl) const finalUrl = await resolveRedirect(webpUrl)
console.log('getRedirectUrl finalUrl-----------', url, finalUrl)
// 缓存结果 // 缓存结果
await videoUrlCache.set(url!, finalUrl, width) await videoUrlCache.set(url!, finalUrl, width)
@ -112,7 +114,8 @@ const VideoBox = ({ url, needWeb = true, width = 256, style, ...videoProps }: Pr
return ( return (
// 移除 key 避免组件重建导致闪烁，使用 transition 实现平滑切换 // 移除 key 避免组件重建导致闪烁，使用 transition 实现平滑切换
<Image <Image
cachePolicy="memory-disk" // cachePolicy="memory-disk"
cachePolicy="disk"
source={{ uri: urlFinal }} source={{ uri: urlFinal }}
style={style as any} style={style as any}
transition={{ duration: 200, effect: 'cross-dissolve' }} transition={{ duration: 200, effect: 'cross-dissolve' }}

2
app/(tabs)/index.tsx
View File

@ -399,7 +399,7 @@ const Index = observer(function Index() {
} }
numColumns={3} numColumns={3}
onEndReached={handleLoadMore} onEndReached={handleLoadMore}
drawDistance={1200} drawDistance={600}
onEndReachedThreshold={0.3} onEndReachedThreshold={0.3}
refreshControl={<RefreshControl colors={['#FFE500']} refreshing={refreshing} onRefresh={handleRefresh} />} refreshControl={<RefreshControl colors={['#FFE500']} refreshing={refreshing} onRefresh={handleRefresh} />}
renderItem={renderItem} renderItem={renderItem}

2
app/(tabs)/sync.tsx
View File

@ -123,7 +123,7 @@ const Sync = observer(() => {
} }
}, [posts]) }, [posts])
// console.log('selectedItem-----------', selectedItem) console.log('selectedItem-----------', selectedItem)
const canSync = useMemo(() => { const canSync = useMemo(() => {
return !!connectedDevice?.id && !!selectedItem?.imageUrl return !!connectedDevice?.id && !!selectedItem?.imageUrl

1
components/BannerSection.tsx
View File

@ -19,6 +19,7 @@ const BannerSection = memo<BannerProps>(function Banner({ bgVideo }) {
setBgurl(bgVideo) setBgurl(bgVideo)
}, [bgVideo]) }, [bgVideo])
return null
return ( return (
<Block className="absolute inset-0 z-0 overflow-hidden"> <Block className="absolute inset-0 z-0 overflow-hidden">
<VideoBox style={{ width: screenWidth, height: screenHeight }} url={bgUrl} width={512} /> <VideoBox style={{ width: screenWidth, height: screenHeight }} url={bgUrl} width={512} />

3
hooks/use-update-checker.ts
View File

@ -11,7 +11,8 @@ interface UseUpdateCheckerOptions {
export const useUpdateChecker = ({ export const useUpdateChecker = ({
interval = 5 * 60 * 1000, // 5分钟 interval = 5 * 60 * 1000, // 5分钟
enablePeriodicCheck = true, // 关闭轮询
enablePeriodicCheck = false,
}: UseUpdateCheckerOptions = {}) => { }: UseUpdateCheckerOptions = {}) => {
const [hasUpdate, setHasUpdate] = useState(false) const [hasUpdate, setHasUpdate] = useState(false)
const [isChecking, setIsChecking] = useState(false) const [isChecking, setIsChecking] = useState(false)