As the title states, the current arrangement of this package, the type declarations cannot be found:

Cannot find module '@fullstackcraft/react-native-keyboard-shift' or its corresponding type declarations.

This error can be immediately seen in example/App.tsx, after installing all dependencies.

we don't need to depend on useKeyboard from react-native-community/hooks since we only want the keyboard height when keyboard displays. we can do that naturally in the keyboardDidShow event.

Haven't seen this until upgrading to React Native 0.66. This is because react native has removed the removeAllListeners from Keyboard: see here

so the effect:

useEffect(() => {
    Keyboard.addListener('keyboardDidShow', handleKeyboardDidShow);
    Keyboard.addListener('keyboardDidHide', handleKeyboardDidHide);
    return () => {
      Keyboard.removeAllListeners('keyboardDidShow');
      Keyboard.removeAllListeners('keyboardDidHide');
    }
  }, [])

should now become:

useEffect(() => {
    setDidShowListener(Keyboard.addListener('keyboardDidShow', handleKeyboardDidShow));
    setDidHideListener(Keyboard.addListener('keyboardDidHide', handleKeyboardDidHide));
    return () => {
      if (didShowListener){
        didShowListener.remove();
      }
      if (didHideListener) {
        didHideListener.remove();
      }
    }
  }, [])

Edit: this didn't actually solve the mysterious error. I still get TypeError: undefined is not a function - tried ErrorBoundary, try / catch in every function of the component, can't find where it's coming from 🤷

As is possible in apps like WhatsApp, a swipe downwards on the content above an open keyboard will close the keyboard. This should be realized in an optional prop shouldKeyboardCloseWithSwipe, default true. I can probably tackle this.

An error is thrown within the handleKeyboardDidShow callback whenever a nested TextInput within a <KeyboardShift /> is focused (iPhone X, RN 0.63.0).

When nesting my application within the <KeyboardShift />, it fails to render.

There's a couple of reasons why this could be:

1. The entire dependency stack for this library (including a duplicate version of React) is included. Many of these could be moved to devDependencies/peerDependencies, with an explicit statement that the library depends upon @react-navigation/elements.
2. This line which depends on conditional hook execution.

I was able to resolve the issue locally by installing @react-navigation/elements to my root project and deleting the local node_modules directory installed at node_modules/\@fullstackcraft/.

The package.json could look something like:

{
  "name": "@fullstackcraft/react-native-keyboard-shift",
  "version": "1.1.4",
  "description": "A 2020s compatible keyboard avoiding view for Android and iOS that just works.",
  "main": "lib/index.js",
  "types": "lib/index.d.ts",
  "scripts": {
    "test": "jest --config jestconfig.json",
    "build": "tsc",
    "format": "prettier --write \"src/**/*.ts\" \"src/**/*.tsx\"",
    "lint": "tslint -p tsconfig.json",
    "prepare": "npm run build",
    "prepublishOnly": "npm test && npm run lint",
    "preversion": "npm run lint",
    "version": "npm run format && git add -A src",
    "postversion": "git push && git push --tags"
  },
  "dependencies": {
    "@react-native-community/hooks": "^2.6.0",
-   "@react-navigation/elements": "^1.1.2",
+   "@react-navigation/elements": "^1.1.2"
-    "react": ">= 17.0.2",
-    "react-native": ">=0.64.0"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/FullStackCraft/react-native-keyboard-shift.git"
  },
  "keywords": [
    "react",
    "native",
    "keyboard",
    "keyboardshift",
    "keyboard",
    "shift",
    "android",
    "ios"
  ],
  "author": "Chris Frewin",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/FullStackCraft/react-native-keyboard-shift/issues"
  },
  "homepage": "https://github.com/FullStackCraft/react-native-keyboard-shift#readme",
  "devDependencies": {
    "@types/jest": "^27.0.2",
    "@types/node": "^16.10.2",
    "@types/react": "^17.0.26",
    "@types/react-native": "^0.65.3",
    "jest": "^27.2.4",
    "prettier": "^2.4.1",
+   "react": ">= 17.0.2",
+   "react-native": ">=0.64.0",
    "ts-jest": "^27.0.5",
    "tslint": "^6.1.3",
    "tslint-config-prettier": "^1.18.0"
  },
  "files": [
    "lib/**/*"
  ]
}