Skip to content

A 2020s compatible React Native keyboard avoiding view for Android and iOS that just works.

Notifications You must be signed in to change notification settings

FullStackCraft/react-native-keyboard-shift

Repository files navigation

react-native-keyboard-shift

GitHub license npm version PRs Welcome

Example

Snack coming soon

Until then:

  1. Clone this repo:
git clone https://github.com/FullStackCraft/react-native-keyboard-shift
  1. Move into the example folder:
cd react-native-keyboard-shift/example
  1. Install dependencies:
npm install
  1. Start Metro
npm start
  1. 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.

About

A 2020s compatible React Native keyboard avoiding view for Android and iOS that just works.

Resources

Stars

Watchers

Forks

Packages

No packages published