mobile-app-ui-implementation
Codex React Native 界面技能：处理键盘和安全区
EnglishCodex 安装步骤
- 运行 git clone https://github.com/Eldergenix/Codex-Design.git。进入克隆目录并运行 git checkout --detach 99b4b08ff62b8dd3a7a112438c1460fd6a02d09c。
- 复制完整 skills/mobile-app-ui-implementation 到目标项目的 .agents/skills/mobile-app-ui-implementation，保留随附文件。
- 从目标项目打开 Codex，用 /skills 或 $mobile-app-ui-implementation 选择技能，再输入本页示例。
中文摘要
在现有 React Native 项目里实现移动页面，检查安全区、系统字号、触控和键盘。适合完善带输入框、提交按钮和状态反馈的交互。
SKILL.md 中文导读
可复现示例
在虚构的 Expo 应用添加活动备注页。输入框可写多行，底部有保存按钮。请考虑键盘弹起、系统大字号和本地保存失败三个场景。工作步骤
- 检查导航、安全区处理与现有组件约定。
- 实现输入、保存和失败后的状态反馈。
- 在可用模拟器或设备核对键盘、字号和触控。
验收方法
输入时仍能看到当前编辑内容，并能触达保存操作。大字号下文字可读，保存失败有提示和重试入口。记录实际检查过的平台。
GitHub 原文 · 更新日期
适用环境
需要可访问本地项目的 Codex。将固定版本中的技能目录与随附文件一起使用。
常见问题
需要先给已有应用安装 NativeWind 吗？
先查看项目依赖、主题和组件。已有样式方案可以支持当前需求时沿用它，按项目配置或用户要求再考虑 NativeWind。