react-native - 如何释放react-native webview内存

Question

我在我的 react-native 应用程序中使用 WebView 加载 Three.JS 模型。加载模型后内存增加。

现在，当我点击按钮时，我想取消分配 webView 组件并释放内存。

或者当我转到下一个屏幕时我想释放内存。

下面是我的代码。

{this.state.showWebview &&
        <WebView
            ref={(wbref) => {
              this.webview = wbref;
            }}
            style={styles.middleview}
            source={{
              uri: this.state.showWebview && this.props.isCurrentScreenOnTop
              ? '3DMODEL/vechicle.html'
              : null,
            }}
            onLoadStart={this.onLoadStart}
            onLoad={this.onLoad}
            onLoadEnd={this.onLoadEnd}
            onError={this.onError}
            renderError={this.renderError}
            onMessage={this.handleMessageFromBuilder}
            cacheEnabled={false}
            cookiesEnabled={false}
        />}

componentWillUnmount() {
    this.webview = null;
}

下面是内存图。

Answer 1

添加 Prop

useWebkit={true}并且内存会分配一点。