版本1.0

app/index.tsx

@@ -301,11 +301,11 @@ export default function HomeScreen() {
             ref={hotListRef as any}
             style={styles.listContainer}
             data={rows}
-            keyExtractor={(row: any) =>
+            keyExtractor={(row: any, index: number) =>
               row.type === "big"
                 ? `big-${row.item.bvid}`
                 : row.type === "live"
-                  ? `live-${row.left.roomid}-${row.right?.roomid ?? "empty"}`
+                  ? `live-${index}-${row.left.roomid}-${row.right?.roomid ?? "empty"}`
                   : `pair-${row.left.bvid}-${row.right?.bvid ?? "empty"}`
             }
             contentContainerStyle={{

components/FollowedLiveStrip.tsx

@@ -1,11 +1,18 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState } from "react";
-import { View, Text, ScrollView, TouchableOpacity, Image, StyleSheet } from 'react-native';
+import {
-import { useRouter } from 'expo-router';
+  View,
-import { useAuthStore } from '../store/authStore';
+  Text,
-import { getFollowedLiveRooms } from '../services/bilibili';
+  ScrollView,
-import { LivePulse } from './LivePulse';
+  TouchableOpacity,
-import { proxyImageUrl } from '../utils/imageUrl';
+  Image,
-import type { LiveRoom } from '../services/types';
+  StyleSheet,
+} from "react-native";
+import { useRouter } from "expo-router";
+import { useAuthStore } from "../store/authStore";
+import { getFollowedLiveRooms } from "../services/bilibili";
+import { LivePulse } from "./LivePulse";
+import { proxyImageUrl } from "../utils/imageUrl";
+import type { LiveRoom } from "../services/types";
 
 export function FollowedLiveStrip() {
   const { sessdata } = useAuthStore();
@@ -14,28 +21,30 @@ export function FollowedLiveStrip() {
 
   useEffect(() => {
     if (!sessdata) return;
-    getFollowedLiveRooms().then(setRooms).catch(() => {});
+    getFollowedLiveRooms()
+      .then(setRooms)
+      .catch(() => {});
   }, [sessdata]);
 
   if (!sessdata || rooms.length === 0) return null;
 
   return (
     <View style={styles.container}>
-      <Text style={styles.title}>我关注的直播</Text>
       <ScrollView
         horizontal
         showsHorizontalScrollIndicator={false}
         contentContainerStyle={styles.scrollContent}
       >
-        {rooms.map((room) => (
+        {rooms.map((room, index) => (
           <TouchableOpacity
-            key={room.roomid}
+            key={`followed-${room.roomid ?? index}`}
             style={styles.item}
             onPress={() => router.push(`/live/${room.roomid}` as any)}
             activeOpacity={0.7}
           >
             <View style={styles.pulseRow}>
               <LivePulse />
+              <Text style={{ color: "#fff", fontSize: 9,marginLeft:2 }}>直播</Text>
             </View>
             <Image
               source={{ uri: proxyImageUrl(room.face) }}
@@ -53,40 +62,42 @@ export function FollowedLiveStrip() {
 
 const styles = StyleSheet.create({
   container: {
-    backgroundColor: '#f4f4f4',
+    backgroundColor: "#f4f4f4",
     paddingHorizontal: 12,
     paddingVertical: 8,
   },
-  title: {
-    fontSize: 12,
-    color: '#999',
-    marginBottom: 6,
-  },
   scrollContent: {
     gap: 12,
-    alignItems: 'center',
+    alignItems: "center",
   },
   item: {
-    alignItems: 'center',
+    alignItems: "center",
     width: 56,
+    position: "relative",
   },
   pulseRow: {
-    height: 16,
+    position: "absolute",
-    justifyContent: 'center',
+    backgroundColor: "rgba(0,0,0,0.6)",
-    alignItems: 'center',
+    bottom: 18,
-    marginBottom: 4,
+    paddingHorizontal: 6,
+    paddingVertical: 1,
+    borderRadius: 10,
+    zIndex: 100,
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
   },
   avatar: {
     width: 44,
     height: 44,
     borderRadius: 22,
-    backgroundColor: '#eee',
+    backgroundColor: "#eee",
   },
   name: {
     fontSize: 11,
-    color: '#333',
+    color: "#333",
     marginTop: 4,
-    textAlign: 'center',
+    textAlign: "center",
     width: 56,
   },
 });

components/LanShareModal.tsx

@@ -41,10 +41,8 @@ export function LanShareModal({ visible, task, onClose }: Props) {
     setVideoUrl(null);
     setQrImageLoaded(false);
     setLoading(true);
-    console.log(123123,'baseUrlbaseUrl')
     startLanServer()
     .then((baseUrl) => {
-        console.log(baseUrl,'baseUrl')
         setVideoUrl(buildVideoUrl(baseUrl, task.bvid, task.qn));
       })
       .catch(() => setVideoUrl(null))

fixbug.md

@@ -1,134 +0,0 @@
-# Bug Report
-
-## [Critical] VideoPlayer - B站防盗链导致视频无法播放
-
-**文件**: `components/NativeVideoPlayer.tsx`, `components/VideoPlayer.tsx`
-
-B站 CDN 对视频流地址实施严格的防盗链策略（Referer 校验 + UA 校验 + 时效签名）。
-`expo-av` 的 `Video` 组件无法可靠地在底层 HTTP 请求中注入自定义 `Referer` / `User-Agent`，
-实际播放时服务器会返回 403，视频黑屏或播放失败。
-
-**修复方案**: 改用 `react-native-webview` 加载 B站官方嵌入播放器：
-```
-https://player.bilibili.com/player.html?bvid={bvid}&page=1&high_quality=1&danmaku=1
-```
-该嵌入页由浏览器环境发起请求，Referer/Cookie 天然正确，可正常播放。
-
----
-
-## [Critical] VideoPlayer.tsx - 组件内动态 require
-
-**文件**: `components/VideoPlayer.tsx:34`
-
-```ts
-// 错误写法：在组件函数体内动态 require
-const NativeVideoPlayer = require('./NativeVideoPlayer').NativeVideoPlayer;
-```
-
-每次渲染都执行 `require()`，虽然 Metro 会缓存模块，但这是反模式，
-且与 React 渲染机制不兼容（Hook 规则 / 条件渲染中的动态导入）。
-同文件还导入了 `useRef, useState` 但从未使用。
-
-**修复方案**: 改为文件顶部静态 import，移除无用导入。
-
----
-
-## [High] NativeVideoPlayer.tsx - isPlaying 状态无意义
-
-**文件**: `components/NativeVideoPlayer.tsx:14`
-
-```ts
-const [isPlaying, setIsPlaying] = useState(false);
-```
-
-追踪了播放状态但没有任何自定义控制 UI 使用它，纯冗余代码。
-
----
-
-## [High] useVideoDetail.ts - getPlayUrl 在未登录时返回空/错误
-
-**文件**: `hooks/useVideoDetail.ts:19`
-
-```ts
-setStreamUrl(playData.durl[0]?.url ?? null);
-```
-
-B站 `/x/player/playurl` 接口：
-- 未登录时对部分视频返回 `code: -101`（未登录）或 `code: -403`（无权限）
-- 高清版本（qn>=80）需要大会员，未登录时 `durl` 数组为空或 fallback 到极低画质
-- `fnval: 1` 只请求 durl 格式，但部分视频仅提供 dash 格式，`durl` 为空数组
-
-`playData.durl[0]?.url` 为 `undefined`，`streamUrl` 始终 null，播放器持续显示"视频加载中"。
-
-**修复方案**: 使用 WebView 嵌入播放器后，此接口调用不再需要，移除即可。
-
----
-
-## [High] services/types.ts - PlayUrlResponse 类型不完整
-
-**文件**: `services/types.ts:37`
-
-```ts
-export interface PlayUrlResponse {
-  durl: Array<{ url: string; length: number; size: number }>;
-  quality: number;
-}
-```
-
-缺少：
-- 接口 `code` 字段（API 响应状态码）
-- `dash` 格式（`fnval >= 16` 时返回，包含 video/audio 分离流）
-- `durl` 在 dash 模式下为 `undefined`，当前定义为必填数组会导致类型错误
-
----
-
-## [Medium] app/video/[bvid].tsx - error 状态未处理
-
-**文件**: `app/video/[bvid].tsx:20`
-
-```ts
-const { video, streamUrl, loading: videoLoading } = useVideoDetail(bvid as string);
-```
-
-`useVideoDetail` 返回了 `error`，但页面中完全未使用，接口失败时用户看不到任何错误提示。
-
----
-
-## [Medium] LoginModal.tsx - 移动端无法从响应头提取 Cookie
-
-**文件**: `components/LoginModal.tsx:62`
-
-```ts
-const setCookie = res.headers['set-cookie'];
-const match = setCookie?.find((c: string) => c.includes('SESSDATA'));
-```
-
-B站登录成功后 `SESSDATA` 以 `httpOnly` Cookie 设置，在 React Native 中
-`axios` 响应头里 `set-cookie` 通常为 `undefined`（被底层 HTTP 客户端过滤），
-导致登录二维码扫描后 `cookie` 始终为 `undefined`，登录流程无法完成。
-
----
-
-## [Low] useVideoList.ts - useCallback 依赖导致的 stale closure 风险
-
-**文件**: `hooks/useVideoList.ts:11`
-
-```ts
-const load = useCallback(async (reset = false) => {
-  if (loading) return;   // loading 为 stale 值时可能错误地放行重复请求
-  ...
-}, [loading, page]);     // 每次 loading/page 变化都重新创建函数
-```
-
-`load` 依赖 `loading` 用于防重，但同时 `onEndReached` 持有对 `load` 的引用，
-在 `loading=true` 的渲染周期内 `load` 会重新创建，而 FlatList 引用可能还是旧版本，
-导致防重逻辑失效或加载多次。应改用 `useRef` 追踪 loading 状态做防重。
-
----
-
-## [Low] App.tsx - 残留 expo 模板代码
-
-**文件**: `App.tsx`
-
-文件内容为 expo 初始化模板，实际项目已使用 expo-router（入口为 `expo-router/entry`），
-`App.tsx` 不会被执行，但留在项目中容易造成混淆。

services/bilibili.ts

@@ -432,7 +432,7 @@ export async function getFollowedLiveRooms(): Promise<LiveRoom[]> {
   });
   const list = res.data?.data?.list ?? [];
   return list.map((r: any) => ({
-    roomid: r.room_id,
+    roomid: r.room_id ?? r.roomid,
     uid: r.uid,
     title: r.title,
     uname: r.uname,