gpt4 book ai didi

javascript - React Native 动态 webview 高度

转载 作者:塔克拉玛干 更新时间:2023-11-02 23:02:13 25 4
gpt4 key购买 nike

我有 WebView 内容,它根据内容的数量改变它的高度。所以我找到了一种方法如何通过 document.title 属性 onNavigationStateChange 获取内容的高度。看起来像这样:

let html = '<!DOCTYPE html><html><body><script>document.title = document.height;</script></body></html>';

在 onNavigationStateChange 上

onNavigationStateChange(navState) {
this.setState({
height: navState.title
});
console.log("DATA");
console.log(this.state.height)
}

在我做的实际 WebView 渲染中:

<WebView style={this._setWebviewHeight()}
automaticallyAdjustContentInsets={false}
scrollEnabled={false}
onNavigationStateChange={this.onNavigationStateChange.bind(this)}
html={html}>
</WebView>

地点:

_setWebviewHeight() {
return {
height: this.state.height,
padding: 20,
}
}

在这种情况下,我遇到了错误,无法通过状态获取内容的高度。那我该怎么办?

解决思路取自这里:React native: Is it possible to have the height of a html content in a webview?

最佳答案

我在 RN 第三方库之一的实现中找到了解决方案。这是它的链接: https://github.com/danrigsby/react-native-web-container/blob/master/index.js

使用这种方法一切都很好。

关于javascript - React Native 动态 webview 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34454311/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com