I want to integrate meeting sdk with react native

Meeting SDK React-Native
1

Subject: Metro Bundler and App Update Issues After Integrating Zoom Meeting SDK in React Native

Message:

Hello,

I recently integrated the Zoom Meeting SDK into my React Native project. After doing so, I encountered the following issues:

  1. The Metro Bundler server is not working correctly, making it difficult to debug or run the app.
  2. My app is not reflecting new changes or updates, even after restarting the Metro server or clearing the cache.

Steps I’ve tried to resolve the issue:

  • Cleared Metro cache using npx react-native start --reset-cache.
  • Rebuilt the app using react-native run-android/react-native run-ios.
  • Verified the integration steps for the Zoom SDK as per the official documentation.

Despite these efforts, the issues persist. It seems like the Zoom SDK integration is interfering with the React Native build or development workflow.

Has anyone faced similar issues or have suggestions to resolve this? Any guidance would be appreciated!

Here is my react native project versions
React Native : 0.73.6
gradle-8.7
buildToolsVersion = “34.0.0”
minSdkVersion = 26
compileSdkVersion = 34
targetSdkVersion = 34

Thank you.

2

I am also facing the same issue. Zoom community, please help us resolve this problem. iOS is working fine, but on Android, the Metro Bundler server is not running

3

Hi @shehryarmuhammad97 @thelanguageskool any updates/ findings regarding this issue.

4

@thelanguageskool
Have you been able to resolve this issue? I’m also facing it for quite some time and can’t figure it out.

5

@thelanguageskool @starky @shehryarmuhammad97
After a lot of trial and error - I was able to find a workaround for this issue.
It happens because on the docs, zoom asks for the following:

image
image720×148 28.7 KB

If you have this config turned on already (which you probably already had, if you connected to metro in the past) it will cause an error while trying to build the app, since there’s a mismatch with the config between what’s in the mobilertc.aar and your application.
I removed the config from my application and this how the issue raised - you’re not allowing your app to connect to metro.
What I did, is unzipping the mobilertc.aar, opening the AndroidManifest.xml and removing both “android:usesCleartextTraffic” and “android:networkSecurityConfig” from the tag, then zipping again using jar and copying it back to my project - this seems to be working properly, although I’m not sure what are the security consequences.

If there’s anyone from Zooms side to tell us if there’s anything else we can do to debug using metro and keep the security as expected, it will be great.

6

Hi,

I am trying to integrate the Zoom Meeting SDK in my React Native app (react-native: 0.75.4). I am following the official documentation . However, I am unable to integrate it correctly, as the app crashes as soon as it builds.

Can you please help me?

8

Please download the Zoom Meeting SDK separately for both Android and iOS, as mentioned in the official documentation. Then, run the app again and resolve any build errors. @zoom/meetingsdk-react-native package requires the SDK to function properly..

Screenshot 2025-04-04 at 8.25.06 PM
Screenshot 2025-04-04 at 8.25.06 PM1332×772 65.7 KB

9

It works, thanks! Yes, the Zoom community helps us. Why is Metro Bundler not working on Android when using Meeting SDK

10

Metro Bundler is not connecting after the app is installed! How to fix that? Its very annoying, after following all the instructions provided by Zoom Docs for integration, still issues are there which are not an issue as per Docs! Please update the Docs to mention about these things! Please let us know how to fix connecting Metro Bundler to the app? Its not connecting with that sol tools:replace=“android:usesCleartextTraffic” . Below is my debug manifest file config(Please let me know if something wrong in this. Even though I have tried with different permutations and combinations to fix it, but couldn’t!) :-
<application

    android:usesCleartextTraffic="true"

    tools:replace="android:usesCleartextTraffic"

    tools:targetApi="28"

    tools:ignore="GoogleAppIndexingWarning"/>