Estoy creando una vista de resumen donde importo texto y uri dentro de un anuncio de vista web. Inyecto js para cambiar el tamaño, pero cuando lo hago, el texto sale de la vista web.

Así es como se carga el uri en la vista web:

y esto es lo que obtengo cuando cambio el tamaño de fuente:

esta es la vista web:

 <WebView key={this.state.value} ref={webview => this.setState({WebViewRef:webview})} javaScriptEnabled={true} domStorageEnabled={true} scalesPageToFit={false} onLoadEnd={ this.setState({ visibleBack:false }) } automaticallyAdjustContentInsets={false} source={{ uri: `http://backend.iferu.com/cleanbook.php?idbook=${this.props.product.id}` }} style={{paddingLeft:15,height:this.state.webViewHeight ,width: Dimensions.get('window').width - 50}} key={this.state.key} injectedJavaScript={jsBeforeLoad} onMessage={this.onMessage} scrollEnabled={false} style={{ height : this.state.webViewHeight}} />

y este es el js que estoy inyectando para cambiar el tamaño de fuente:

 sendDataToWebView(){ let injectedData = ` // document.getElementsByTagName("body")[0].style.fontSize = '${this.state.fontSizeState}px'; $('#takeAways').css({ 'font-size':${this.state.fontSizeState}, }); $('#recomClass').css({ 'font-size':${this.state.fontSizeState} }); $('#summaryTitle').css({ 'font-size':${this.state.fontSizeState} }); $('#summaryText').css({ 'font-size':${this.state.fontSizeState} }); $('#auteurTitle').css({ 'font-size':${this.state.fontSizeState} }); $('#auteurText').css({ 'font-size':${this.state.fontSizeState} }); window.ReactNativeWebView.postMessage(Math.max(document.body.offsetHeight, document.body.scrollHeight)); `; this.state.WebViewRef.injectJavaScript(injectedData); }