@daily-co/config-plugin-rn-daily-js (英语)

博览 是一个开源框架,用于在Android,iOS和网络上原地运行的应用程序.

无法使用此工程 博览去 应用程序因为 它需要自定义本地代码。 。 。 . 遵循文章中关于如何建设或预建本地项目的步骤.

此插件将自动配置您的本地代码, 当它生成时( 如: npx expo prebuild)这样它就可以与 反应-本土-每日-js。 。 。 .

版本

确保您使用共同工作的版本 !

重要: 从0.0.9版本开始, 您不再需要安装 @config-plugins/react-native-webrtc。只需要安装 @daily-co/config-plugin-rn-daily-js。 。 。 .

博览会安装

已测试反对世博会SDK 47 此软件包不能用于“ Expo Go” 应用程序, 因为 它需要自定义本地代码。 。 。 .

安装 react-native-daily-js 依赖关系

安装 react-native-daily-js 上文提到的依赖关系 这里。 。 。 .

npm i @daily-co/react-native-daily-js @react-native-async-storage/async-storage@^1.15.7 react-native-background-timer@^2.3.1 expo-random@^13.6.0 react-native-get-random-values@^1.10.0
npm i --save-exact @daily-co/[email protected]

安装 Expo 配置插件

npm i @config-plugins/react-native-webrtc @daily-co/config-plugin-rn-daily-js

安装这些软件包后,添加 配置插件 页:1 plugins 您的数组 app.json 或者说 app.config.js。 。 。 .

• 对于iOS,您还需要添加 voip 背景许可.

{
  "expo": {
    "ios": {
      "infoPlist": {
        "UIBackgroundModes": [
          "voip"
        ]
      }
    },
    "plugins": [
      [
        "@daily-co/config-plugin-rn-daily-js",
        {
          "enableCamera": true,
          "enableMicrophone": true,
          "enableScreenShare": true
        }
      ],
      [
        "expo-build-properties",
        {
          "android": {
            "minSdkVersion": 24
          },
          "ios": {
            "deploymentTarget": "13.0"
          }
        }
      ]
    ]
  }
}

屏幕共享支持

从版本开始 0.0.8 (中文(简体) ),则 @daily-co/config-plugin-rn-daily-js 现在支持插件 屏幕共享 在iOS上通过 ScreenCaptureExtension。 。 。 .

如何启用

要启用屏幕共享, 请将插件添加到您的 app.json 与 enableScreenShare 设置为 true数字 :

[
  "@daily-co/config-plugin-rn-daily-js",
  {
    "enableScreenShare": true
  }
]

若为 enableScreenShare 没有设置或虚假,插件不会试图创建 ScreenCaptureExtension。 。 。 .

用于屏幕共享的 App Group ID 将遵循此格式 :

• group.<your_app_bundle_identifier>

它仅与v0.0.8或以上工作.

博览会建设

安装所有依赖后, 重建您的应用程序, 如 "添加风俗本土代码" 向导.

额外定制

这个 @config-plugins/react-native-webrtc 例如,为额外定制提供道具,以定义相机和麦克风权限,即时消息. 见 插件 API 学习更多.

解决问题

超级表达式必须是无效或函数

• 这个问题可能发生在利用第50号博览会和 @daily-co/react-native-webrtc 118.
• event-target-shim 版本必须匹配所请求的同一版本 @daily-co/react-native-webrtc数字 : "event-target-shim": "6.0.2"。 。 。 .
• 你可以进去看看 package-lock.json 确定您使用正确的版本.
• 如果你的版本 event-target-shim 与请求的不符 @daily-co/react-native-webrtc,您可以尝试更新以下运行: npm update event-target-shim