diff --git a/app/auth/login.tsx b/app/auth/login.tsx index 319ecd4..baa655f 100644 --- a/app/auth/login.tsx +++ b/app/auth/login.tsx @@ -1,5 +1,6 @@ import { Ionicons } from '@expo/vector-icons'; import * as AppleAuthentication from 'expo-apple-authentication'; +import { GlassView, isLiquidGlassAvailable } from 'expo-glass-effect'; import { LinearGradient } from 'expo-linear-gradient'; import { useLocalSearchParams, useRouter } from 'expo-router'; import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'; @@ -219,9 +220,22 @@ export default function LoginScreen() { {/* 自定义头部,与其它页面风格一致 */} - router.back()} style={styles.backButton}> - - + {isLiquidGlassAvailable() ? ( + router.back()} activeOpacity={0.7}> + + + + + ) : ( + router.back()} style={[styles.backButton, styles.fallbackBackground]} activeOpacity={0.7}> + + + )} 登录 @@ -229,7 +243,7 @@ export default function LoginScreen() { Out Live - 欢迎登录Out Live + 健康生活,自律让我更自由 {/* Apple 登录 */} @@ -296,7 +310,17 @@ const styles = StyleSheet.create({ paddingTop: 4, paddingBottom: 8, }, - backButton: { width: 32, height: 32, alignItems: 'center', justifyContent: 'center' }, + backButton: { + width: 38, + height: 38, + alignItems: 'center', + justifyContent: 'center', + borderRadius: 38, + overflow: 'hidden', + }, + fallbackBackground: { + backgroundColor: 'rgba(255, 255, 255, 0.5)', + }, headerTitle: { fontSize: 18, fontWeight: '700' }, headerWrap: { marginBottom: 36,