小编eme*_*nto的帖子

React Native - 在导航到/从包含嵌入在其自己的 WebViews 中的多条推文的页面导航后取消引用空指针

我目前为工作而构建的应用程序主要侧重于显示文章。其中一些包含 Twitter 嵌入(在网络版本上),并且由于 API 由我们的两个应用程序共享,因此我也收到了作为 HTML 的嵌入。每当我尝试在源设置为 HTML 的 WebView 中显示推文和用于样式的 Twitter JS 脚本时,页面要么正确加载,但在我按下时崩溃(使用 react-navigation),或者它只是在加载时崩溃但仅打开安卓。

我尝试了以下方法:

  • 使用社区支持的 WebView而不是内置的。我也在那里打开了一个问题

  • 从 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

7
推荐指数
1
解决办法
1861
查看次数