RN项目iOS运行，react-native-safe-area-context 的 SafeAreaProvider 在 iOS 上是异步测量安全区域的

今天遇到个bug，在iphone12pro运行RN项目的时候，导航栏首次计算的高度不对，偏下面了一点，返回后重新进入又正确了。排查了一下原因：

react-native-safe-area-context的SafeAreaProvider在 iOS 上是异步测量安全区域的。首次安装启动时，在测量完成前useSafeAreaInsets()返回{top: 0}，导致导航栏位置计算错误。横屏页面从竖屏切换过来时，insets 更新有延迟，也会造成短暂的位置错误。

1. Application.tsx — 核心修复

• 给SafeAreaProvider添加initialMetrics={initialWindowMetrics}，确保首次渲染时就有原生模块同步测量的安全区域数据，而不是等待异步测量结果

2. FullscreenVideo.tsx / VideoChallengeElement.tsx / LilyVideo.tsx / TellStoryByPictureElement.tsx — 横屏页面修复

• 添加useWindowDimensions()监听，当屏幕尺寸变化时触发重新渲染
• 检测 iOS 横屏状态：isLandscape = Platform.OS === 'ios' && windowWidth > windowHeight
• 横屏时 header 的top值直接使用0（iPhone 横屏顶部没有安全区域），避免依赖可能延迟更新的 insets

LearningChapters页面使用SafeScreen（内部是SafeAreaView+mode="padding"），由SafeAreaView自动处理安全区域，initialWindowMetrics的修复已经能覆盖其首次渲染的问题。