JitsiMeetView Black Screen Issue in Android

[mobileguru007]

I checked similar issue closed, but it didn't help me, https://github.com/skrafft/react-native-jitsi-meet/issues/88 My package dependencies are as follows: "dependencies": { "@dooboo-ui/native-switch-toggle": "^0.4.1", "@dudigital/react-native-zoomable-view": "^1.0.15", "@react-native-community/async-storage": "^1.10.0", "@react-native-community/image-editor": "^2.3.0", "@react-native-community/masked-view": "^0.1.10", "@react-native-community/netinfo": "5.0.0", "@react-native-community/voice": "^1.1.4", "@react-native-firebase/app": "^7.0.1", "@react-native-firebase/ml-vision": "^7.0.1", "@tensorflow/tfjs": "^1.7.4", "@tensorflow/tfjs-react-native": "^0.2.3", "expo-camera": "^8.2.0", "expo-gl": "^8.2.0", "expo-gl-cpp": "^8.2.0", "intl": "^1.2.5", "jpeg-js": "^0.4.0", "lodash": "^4.17.15", "moment": "^2.25.3", "native-base": "^2.13.12", "react": "16.11.0", "react-native": "0.62.2", "react-native-action-button": "^2.8.5", "react-native-actionsheet": "^2.4.2", "react-native-callstats": "^3.64.3", "react-native-custom-actionsheet": "^0.1.0", "react-native-device-info": "^5.5.7", "react-native-document-picker": "^3.4.0", "react-native-easy-toast": "^1.2.0", "react-native-form-validator": "^0.3.2", "react-native-fs": "^2.16.6", "react-native-gesture-handler": "^1.6.1", "react-native-hide-show-password-input": "^1.1.0", "react-native-i18n": "^2.0.15", "react-native-indicators": "^0.17.0", "react-native-jitsi-meet": "^2.1.1", "react-native-keyboard-aware-scroll-view": "^0.9.1", "react-native-linear-gradient": "^2.5.6", "react-native-nodemediaclient": "^0.1.11", "react-native-orientation-locker": "^1.1.8", "react-native-password-strength-meter": "^0.0.3", "react-native-pdf": "^6.1.2", "react-native-popup-dialog": "^0.18.3", "react-native-reanimated": "^1.8.0", "react-native-safe-area-context": "^1.0.0", "react-native-screens": "^2.7.0", "react-native-scroll-indicator": "^0.1.0", "react-native-size-matters": "^0.3.0", "react-native-sound": "^0.11.0", "react-native-svg": "^12.1.0", "react-native-tts": "^3.1.1", "react-native-unimodules": "^0.9.1", "react-native-video": "^4.4.5", "react-native-view-shot": "^3.1.2", "react-navigation": "^4.3.9", "react-navigation-drawer": "^2.4.13", "react-navigation-stack": "^2.5.0", "react-redux": "^7.2.0", "redux": "^4.0.5", "redux-persist": "^6.0.0", "redux-thunk": "^2.3.0", "rn-fetch-blob": "^0.12.0", "socket.io-client": "^2.3.0", "tflite-react-native": "^0.0.5" }, "devDependencies": { "@babel/core": "^7.9.6", "@babel/runtime": "^7.9.6", "@react-native-community/eslint-config": "^1.1.0", "babel-jest": "^26.0.1", "eslint": "^7.0.0", "jest": "^26.0.1", "metro-react-native-babel-preset": "^0.59.0", "react-test-renderer": "16.11.0" }, "jest": { "preset": "react-native" } I added camera permission, and set up style = {{flex=1}} for both of parent view and JitsiMeetView. But it shows black screen. There is no crash. Any help will be grateful. Thank you

[shakerhussain]

I faced similar issue,

[baotoan1905]

Duplicated. Check this comment Solution 2 works for me.

[vijayakm]

Inside the method call in the class RNJitsiMeetModule, mJitsiMeetViewReference might be null, which cause black screen !

Workaround: inside the method call add this :

 if(mJitsiMeetViewReference.getJitsiMeetView() == null) {
      call(url, userInfo);
}

Edit : pull request with the solution #267

[dogankablan]

Inside the method call in the class RNJitsiMeetModule, mJitsiMeetViewReference might be null, which cause black screen !

Workaround: inside the method call add this :

 if(mJitsiMeetViewReference.getJitsiMeetView() == null) {
      call(url, userInfo);
}

Edit : pull request with the solution #267

not work

[MahmudHasanMenon]

I am using RN version 0.66.4. I downgrade react-native-reanimated to v1.13.3 and the black screen issue resolved for me. Don't know why but i investigate jitsi codebase and found there was react-native-reanimated version v1.13.3. Anyone can try this solution.