search

ibitcy / react-native-hole-view

✂️ React-Native component to cut a touch-through holes anywhere you want. Perfect solution for tutorial overlay
398 stars 24 forks source link

Failing when using with latest React Native (0.75.2) #36

Open cstayyab opened 2 months ago

cstayyab commented 2 months ago

Error

Cannot read property 'bubblingEventTypes' of null

Steps:

  1. Create new React native repo with version 0.75.2
  2. Add react-native-hole-view dependency (alpha4)
  3. Used RNHoleView in existing App.tsx
  4. Run on Android Device (Only tested with physical Android 13 device)

Sample Repo: https://github.com/cstayyab/rnhv75sample

dcorbin commented 2 months ago

Where using the "new architecture" ?

jhon-gomez-endava commented 1 month ago

Hi, any updates, I'm with the same issue

durango commented 1 month ago

This issue persist even when newArchitecture is disabled. This solution may work for you:

  1. npm i react-native-reanimated react-native-screens react-native-safe-area-context
  2. Add {..., plugins: ['react-native-reanimated/plugin']} to the babel.config.js file
  3. npx pod-install (or cd ios && pod install)
  4. npm run ios

There is most likely a version mismatch somewhere within the dependencies. Here are my versions:

    "react-native-reanimated": "^3.15.3",
    "react-native-safe-area-context": "^4.11.0",
    "react-native-screens": "^3.34.0",

If the above does not work for you, try installing react-native-gesture-handler then repeat steps 3 and 4.