Files
digital-pilates/hooks
richarjiang a228280ca4 feat(onboarding): 添加新用户引导流程
实现了完整的应用引导功能,包括:
- 新增引导页面UI,包含健康数据追踪、轻断食计划和健康挑战三个介绍页面
- 添加引导状态持久化存储,使用AsyncStorage管理用户完成状态
- 修改应用启动逻辑,根据引导状态决定跳转到主页或引导页
- 在开发者选项中添加重置引导状态功能,方便测试
- 更新路由配置和存储键常量,统一管理引导相关配置
2025-11-06 15:22:31 +08:00
..
2025-10-14 16:31:19 +08:00
2025-09-24 09:43:17 +08:00
2025-08-16 14:15:11 +08:00
2025-08-29 09:41:05 +08:00
2025-08-10 17:17:45 +08:00

安全区域 Hooks

这个目录包含了与设备安全区域相关的 React hooks。

useSafeAreaTop

获取顶部安全区域距离的 hook可以添加额外的间距。

import { useSafeAreaTop } from '@/hooks/useSafeAreaWithPadding';

// 使用默认的 20 像素额外间距
const topPadding = useSafeAreaTop();

// 使用自定义的额外间距
const customTopPadding = useSafeAreaTop(10);

useSafeAreaWithPadding

获取所有方向的安全区域距离,并可以为每个方向添加不同的额外间距。

import { useSafeAreaWithPadding } from '@/hooks/useSafeAreaWithPadding';

// 使用默认值(无额外间距)
const safeAreas = useSafeAreaWithPadding();

// 为不同方向添加不同的额外间距
const customSafeAreas = useSafeAreaWithPadding({
  top: 20,
  bottom: 10,
  left: 5,
  right: 5
});

这些 hooks 基于 react-native-safe-area-context 库,确保你的应用在不同设备和 iOS 版本上都能正确处理安全区域。