如何解决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 举报,一经查实,本站将立刻删除。