@fullstackcraft/react-native-keyboard-shift
v1.1.5-alpha0
Published
A 2020s compatible keyboard avoiding view for Android and iOS that just works.
Downloads
101
Readme
react-native-keyboard-shift
Example
Snack coming soon
Until then:
- Clone this repo:
git clone https://github.com/FullStackCraft/react-native-keyboard-shift
- Move into the example folder:
cd react-native-keyboard-shift/example
- Install dependencies:
npm install
- Start Metro
npm start
- Start Android or iOS
npm run android
# -or- iOS
npm run ios
Enjoy the juicy keyboard shifty-ness!
Usage In Your Project
Install and save this package as a dependency:
npm install --save @fullstackcraft/react-native-keyboard-shift
Import and use the KeyboardShift component:
import '@fullstackcraft/react-native-keyboard-shift'
// other imports
export default function YourCoolKeyboardScreen () {
// Other logic, variables, etc.
return (
<KeyboardShift>
{/* Screen components */}
</KeyboardShift>
)
}
ANOTHER Keyboard Shifting Component?!
See the original blog post that led to the creation of this library for more information.