feat: UP主页/视频详情页 UI 优化 + 多处交互修复

- creator: 头部模糊背景 + 滚动渐变 topBar,移除 removeClippedSubviews 修复列表抖动
- video: 简介 2 行折叠(onTextLayout 探测真实行数),tname 分区标签,统计数据前移到 UP 主行
- VideoCard/LiveCard: title 设 minHeight 解决两列卡片底部对齐
- LoginModal: 二维码过期支持原地重试,无需关闭重开
- search: 初始 loading 显示 indicator,搜索/选建议时自动收起键盘
- 统一图片组件为 expo-image:LiveCard / FollowedLiveStrip / downloads
- types: VideoItem 补 tname / pubdate 字段
This commit is contained in:
Developer
2026-05-05 12:16:35 +08:00
parent 4706845f44
commit b0929a8094
9 changed files with 397 additions and 406 deletions

View File

@@ -50,8 +50,7 @@ export function LoginModal({ visible, onClose }: Props) {
}
}, [visible]);
useEffect(() => {
if (!visible) return;
function initQRCode() {
setStatus("loading");
setQrData(null);
setQrKey(null);
@@ -62,7 +61,11 @@ export function LoginModal({ visible, onClose }: Props) {
setStatus("waiting");
})
.catch(() => setStatus("error"));
}
useEffect(() => {
if (!visible) return;
initQRCode();
return () => {
if (pollRef.current) clearInterval(pollRef.current);
};
@@ -187,7 +190,13 @@ export function LoginModal({ visible, onClose }: Props) {
</>
)}
{status === "error" && (
<Text style={[styles.hint, { color: theme.modalTextSub }]}></Text>
<View style={styles.errorBox}>
<Text style={[styles.hint, { color: theme.modalTextSub }]}></Text>
<TouchableOpacity style={styles.retryBtn} onPress={initQRCode}>
<Ionicons name="refresh" size={14} color="#fff" />
<Text style={styles.retryTxt}></Text>
</TouchableOpacity>
</View>
)}
<TouchableOpacity style={styles.closeBtn} onPress={onClose}>
<Text style={styles.closeTxt}></Text>
@@ -230,7 +239,19 @@ const styles = StyleSheet.create({
alignItems: "center",
justifyContent: "center",
},
hint: { fontSize: 13, color: "#666", marginBottom: 20 },
hint: { fontSize: 13, color: "#666", marginBottom: 12 },
errorBox: { alignItems: "center", marginBottom: 8 },
retryBtn: {
flexDirection: "row",
alignItems: "center",
gap: 4,
backgroundColor: "#00AEEC",
paddingHorizontal: 16,
paddingVertical: 8,
borderRadius: 20,
marginBottom: 12,
},
retryTxt: { fontSize: 13, color: "#fff", fontWeight: "600" },
closeBtn: { padding: 12 },
closeTxt: { fontSize: 14, color: "#00AEEC" },
});