覆盖在顶部或上方

Question

我正在反应原生应用程序中使用 Zoom SDK 来开始和加入会议。我需要在 Zoom SDK 上叠加一个自定义视图，或在其上方或下方插入一个可以显示其他应用程序控件和设置的视图。文档似乎没有涵盖这样的用例。

是否有人对此有经验，或者对如何进行有任何建议？

Answer 1

我猜你正在寻找画中画 - 画中画。

如果是，我认为，您将需要使用自定义本机代码，因为它对于iOS来说是相对较新的： "在iOS 13中，Apple为iPad添加了画中画模式，而在iOS 14中，画中画功能也适用于iPhone。 https://www.macrumors.com/guide/picture-in-picture/

在Android中，它可以工作一段时间：https://developer.android.com/guide/topics/

在编写自定义原生代码或库之前，您还可以从这个现有的仅限 Android 的库中获取灵感：https://github.com/shaun-chiang/rn-android-pip

以及来自 iOS 文档： https://developer.apple.com/documentation/avkit/adopting_picture_in_picture_in_a_custom_player

如果您不是在寻找PiP支持，则可能需要在Zoom组件之上安装iOS UIView或Android View-但我不确定，如果这样做，您不会破坏ZOOM的某些SLA。

在 Android 中，要将片段视图添加到顶部/作为叠加层，您需要一些如下代码：

getSupportFragmentManager()
.beginTransaction()
.add(android.R.id.content, fragment) - // add view to the RootView 
.commit();

在iOS中可能是这样的：

UIApplication.shared.keyWindow?.addSubview(myCustomUIView)

如果您正在寻找有关在 React Native 中使用本机组件的教程，我可以推荐：

这适用于 iOS https://pspdfkit.com/blog/2018/how-to-extend-react-native-api/

这个为安卓(由我写( https://stefanmajiros.medium.com/integration-of-native-android-fragments-and-views-into-react-native-a4156621543b