react-native-webview-autoheight icon indicating copy to clipboard operation
react-native-webview-autoheight copied to clipboard

Published 20 hours ago • verified publisher icon scazzy

extra space at bottom

Open dktan opened this issue 7 years ago • 7 comments

Used in ListView, first couple was ok, when list get longer, some views get extra white space at bottom.

dktan avatar Apr 03 '17 23:04 dktan

我是个来自中国程序员。我也碰到了这个情况，在ListVIew中，当数据不多，高度渲染正常，但是数据很多时，ListView里面的Item就会渲染不正常，WebView的高度会等于屏幕的高度

I am a Chinese code'r. I have encountered this situation, in ListVIew, when the data is not much, the high rendering normal, but the data is very large, ListView inside the Item will render is not normal, WebView height will be equal to the height of the screen。

source={{html: xxx}}

wh-Coder avatar Jun 20 '17 08:06 wh-Coder

@dktan Did you solve it?

wh-Coder avatar Jun 20 '17 08:06 wh-Coder

@wh-Coder 我换了react-native-autoheight-webview

dktan avatar Jun 21 '17 00:06 dktan

@dktan could you send a PR?

scazzy avatar Sep 28 '17 12:09 scazzy

it still happens!

Mimicx avatar Oct 10 '18 00:10 Mimicx

I also don't know why this happens. But it is not a problem of WebView Package. It has to do with your CSS. Setting <body> to height:0px helped me remove the unwanted space at the bottom.

body{
height: 0px !important;
}

gaffarmalik avatar Jan 12 '21 12:01 gaffarmalik

Just set the scalesPageToFit={false}, will work like a charm.

shahid310khan avatar Aug 17 '22 03:08 shahid310khan