Spotify嵌入React Native Webview

问题描述

我有一个React Native应用程序（使用Expo构建），该应用程序显示Spotify播放列表中的曲目。

我正在尝试使用react-native-webview显示Spotify embed widget。

这是我正在使用的代码块：

<WebView
  allow="encrypted-media *"
  allowtransparency={true}
  height={80}
  originWhitelist={["https://open.spotify.com*"]}
  scalesPageToFit={true}
  source={{
    uri: `https://open.spotify.com/track/${item.track.id}`
  }}
  width="100%"
/>

URI就是这样的：https://open.spotify.com/track/1ZQytOrg4a5mzMSxfH7XaN?si=a0YmLVFTQH-NqL4SSaXXXX。

问题在于，当加载Webview时，spotify URI将打开浏览器，并最终安装Spotify应用程序（如果已安装）。窗口小部件显示为空白的空间也不是所需的行为。在这一点上，我只想显示该窗口小部件并仅当/当用户点击窗口小部件中的控件时才进行导航。

问题与添加到页面的每个小部件成倍增加。

在Android和iOS上都会发生此问题。

在Web应用程序的iframe中使用类似的代码块无法打开页面并根据需要显示窗口小部件。

问题：有什么方法可以防止Spotify URI自动打开并仅使用WebView显示窗口小部件吗？

提前感谢任何想法。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）