Codex Photon React Native Forms and iOS Keyboard Avoidance
Configure scrollable Photon forms so handled taps can reach controls and obscured inputs can move above the keyboard.
中文Install in Codex
Open Photon's React Native or Expo workspace in Codex with the form and keyboard-overlap behavior. Consult its Expo guidance for project structure and routing.
- Review `.agents/skills/react-native/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.agents/skills/react-native/` in your project and save the reviewed file as `.agents/skills/react-native/SKILL.md`.
- Start Codex from that project's root, then type `$react-native` and select the matching skill.
Example task
Suggest keyboard settings for this mobile form.
{"platform":"iOS","container":"ScrollView","inputCovered":true,"action":"Save"}What to check
Use `keyboardShouldPersistTaps="handled"` on the scroll view and evaluate `KeyboardAvoidingView` with `behavior="padding"` for the covered input. Check that `Save` can be tapped.
Original SKILL.md on GitHub · Updated
Frequently asked question
Does every short form require KeyboardAvoidingView?
Check whether the keyboard actually covers inputs. Keep the existing structure when the scroll view is sufficient.