keyboard
CommunityImprove iPhone keyboard UX in React Native.
Authortakapom
Version1.0.0
Installs0
System Documentation
What problem does it solve?
iPhone keyboard overlap on input forms makes data entry frustrating; this skill provides a cohesive strategy to keep TextInput visible and usable across screens.
Core Features & Use Cases
- Keyboard avoidance for all screens containing TextInput using KeyboardAvoidingView and responsive layout adjustments.
- ScrollView enhancements with keyboardShouldPersistTaps and keyboardDismissMode to ensure smooth interactions.
- TextInput tuning including returnKeyType, autoCapitalize, textContentType, and password handling for faster, safer input.
- Password and sensitive field UX improvements to minimize accidental exposure and improve security.
Quick Start
Use the keyboard optimization to all TextInput screens by wrapping them with KeyboardAvoidingView and enabling appropriate ScrollView settings.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: keyboard Download link: https://github.com/takapom/trip-app/archive/main.zip#keyboard Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.