覆盖在顶部或上方答案

【问题标题】：Overlays on top or above覆盖在顶部或上方
【发布时间】：2020-05-16 15:58:38
【问题描述】：

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

有没有人有这方面的经验，或者关于如何进行的任何建议？

【问题讨论】：

【解决方案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

如果您不是在寻找画中画支持，您可能需要在 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/

这适用于 Android（由我编写） https://stefanmajiros.medium.com/integration-of-native-android-fragments-and-views-into-react-native-a4156621543b

【讨论】：