如何发布react-native webview内存

时间:2017-10-05 06:04:43

标签: react-native three.js uiwebview

我在我的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;
}

以下是内存图。

enter image description here

1 个答案:

答案 0 :(得分:1)

添加道具

useWebkit={true} 然后内存会分配一点。