@fullstackcraft/react-native-keyboard-shift
TypeScript icon, indicating that this package has built-in type declarations

1.1.5-alpha0 • Public • Published

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.

Package Sidebar

Install

npm i @fullstackcraft/react-native-keyboard-shift

Weekly Downloads

53

Version

1.1.5-alpha0

License

MIT

Unpacked Size

6.44 kB

Total Files

6

Last publish

Collaborators

  • nasirimehr
  • princefishthrower