A 2020s compatible keyboard avoiding view for Android and iOS that just works.
npm install @fullstackcraft/react-native-keyboard-shift  !PRs Welcome
_Snack coming soon_
Until then:
1. Clone this repo:
``bash`
git clone https://github.com/FullStackCraft/react-native-keyboard-shift
2. Move into the example folder:
``
cd react-native-keyboard-shift/example
3. Install dependencies:
``
npm install
4. Start Metro
``
npm start
5. Start Android or iOS
`bash`
npm run android-or- iOS
npm run ios
Enjoy the juicy keyboard shifty-ness!
Install and save this package as a dependency:
`bash`
npm install --save @fullstackcraft/react-native-keyboard-shift
Import and use the KeyboardShift component:
`tsx
import '@fullstackcraft/react-native-keyboard-shift'
// other imports
export default function YourCoolKeyboardScreen () {
// Other logic, variables, etc.
return (
{/ Screen components /}
)
}
``
See the original blog post that led to the creation of this library for more information.