我目前为工作而构建的应用程序主要侧重于显示文章。其中一些包含 Twitter 嵌入(在网络版本上),并且由于 API 由我们的两个应用程序共享,因此我也收到了作为 HTML 的嵌入。每当我尝试在源设置为 HTML 的 WebView 中显示推文和用于样式的 Twitter JS 脚本时,页面要么正确加载,但在我按下时崩溃(使用 react-navigation),或者它只是在加载时崩溃但仅打开安卓。
我尝试了以下方法:
从 WebView 中删除 JS 脚本。
改用injectedJavaScript道具。
安装 TwitterKit 以使用本机嵌入,不幸的是 Twitter 不再支持 :(
这就是我呈现 WebView 的方式:
const JS = '<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>';
return (
<View
key={content.embed._id}
style={[{ overflow : "hidden", marginTop : 15, marginStart : 15 }]}>
<WebView
scrollEnabled={false}
style={{ height : 150, width : Dimensions.get('window').width - 30 }}
source={{ html : content.embed.html + JS …Run Code Online (Sandbox Code Playgroud) twitter react-native react-native-android react-navigation react-native-webview