Codex Photon React Native 表单｜规划 iOS 键盘避让
EnglishCodex 安装步骤
- 打开 GitHub 固定提交的 `.agents/skills/react-native/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.agents/skills/react-native/`，把核对后的文件保存为 `.agents/skills/react-native/SKILL.md`。
- 在该项目根目录启动 Codex，输入 `$react-native` 并选择同名技能。
中文摘要
按 Photon 的 React Native 约定处理滚动表单，配置键盘显示时的点击行为，并判断是否需要额外的输入框避让。
SKILL.md 中文导读
可复现示例
为这张移动端表单提出键盘设置建议。
{"platform":"iOS","container":"ScrollView","inputCovered":true,"action":"Save"}工作步骤
- 确认表单位于 ScrollView 内并查看可滚动区域。
- 为按钮和输入区设置滚动视图的键盘点击行为。
- 如果键盘仍遮挡输入，在 iOS 用 KeyboardAvoidingView 检查避让效果。
验收方法
滚动区域使用 `keyboardShouldPersistTaps="handled"`，为遮挡的输入区评估 `KeyboardAvoidingView` 的 `behavior="padding"`，检查 `Save` 能否点击。
GitHub 原文 · 更新日期
适用环境
在 Codex 中准备 Photon 的 React Native 或 Expo 项目、滚动表单及键盘遮挡症状。项目结构与路由参考其 Expo 说明。
常见问题
短表单一定需要套上 KeyboardAvoidingView 吗？
先观察键盘是否盖住输入区。如果滚动容器已足够，维持现有结构即可。