Expo Screen Sharing Setup

In this document, we explain how to setup screen share for Android and iOS in your Expo App.

In app.json, in the plugins field, add the enableScreenshare property and appleTeamId property to the @stream-io/video-react-native-sdk plugin.

app.json

{
 "plugins": [
      [
        "@stream-io/video-react-native-sdk",
        {
          "enableScreenshare": true,
          "appleTeamId": <ADD-YOUR-APPLE-TEAM-ID>, // example: "EHV7XZLAHA"
          // .. rest
        }
      ],
  ]
}

iOS

The appleTeamId field is used for signing the new extension created for screen share.
The above configuration in the plugin will generate a new screen sharing extension named as “broadcast” and adds relevant information to your iOS app target as well.

Android

The plugin adds a foreground service and the permission android.permission.FOREGROUND_SERVICE_MEDIA_PROJECTION. When uploading the app to the Play Store, declare these permissions in the Play Console and explain their usage, including a link to a video demonstrating the service. This is a one-time requirement. For more information, click here.

React Native Screen sharing Setup

Picture in picture