Auto calculating react-native webview height based on content height 

<WebView
    source={{url: 'https://www.google.com'}}
    style={{
        height: webviewHeight
    }}
	injectedJavaScript={'window.location.hash = 1;
             var calculator = document.createElement("div");
             calculator.id = "height-calculator";
             while (document.body.firstChild) {
                calculator.appendChild(document.body.firstChild);
             }
             document.body.appendChild(calculator);
             document.title = calculator.clientHeight;'}
    javaScriptEnabled ={true}
    scrollEnabled={false}
    onNavigationStateChange={(navStates) => {
        if (navStates.title && !isNaN(navStates.title)) {
            const htmlHeight = Number(navStates.title) //convert to number
            setWebViewHeight(htmlHeight);
            
        }
    }}
/>

Comments

Post a Comment

Popular posts from this blog

MATLAB code for Circular Convolution using Matrix method

Image
% circular convolution using matrix method %clc;x=[1,2,3,1];h=[4,3,2,2];H=zeros(0);h_index=1;N=length(x);y=zeros(0);disp('x(n)=');disp(x);disp('h(n)=');disp(h);subplot(4,1,1);stem(x);title('Signal One : x(n) ');subplot(4,1,2);stem(h);title('Signal Two : h(n)');temp=0;for i=1:NH(i,1)=h(i);end;for i=2:N    h=circshift(h, [0,1]);    for j=1:N     H(j,i)= h(j);   end;end;disp('H =>>');disp(H);for i=1:N    for j=1:N        temp=temp+H(i,j)*x(j);    end;    y(i)=temp;    temp=0;end;disp('Circular Convolution : y(m)==>');disp(y);subplot(4,1,3);stem(y);title('Circular Convolution: y(m)');   Output:
Read more

Positive number pipe in angular 2+

Code: import {Pipe, PipeTransform} from '@angular/core'; @Pipe({   name: 'positive' }) export class PositivePipe implements PipeTransform {   transform(value: number, args?: any): any {     return Math.abs(value);   } } How to use: {{ someNumber| positive }}
Read more