Statusbar overlapping in webview

[UwaisWisitech]

I have integrated web view in my flutter App but status bar overlapping the web view .

[UwaisWisitech]

Here is my code

return new MaterialApp(
  debugShowCheckedModeBanner: false,
  home: Container(
    margin: const EdgeInsets.only(top: 0.0),
    child: SafeArea(
      top: false,
      child: new WebviewScaffold(
          url: selectedUrl,
          withZoom: true,
          withLocalStorage: true,
          hidden: true,
        initialChild: Container(
          color: Colors.white,
          child: const Center(
            child: Text('Waiting.....'),
          ),
        ),
      ),
    ),
  )

,
);

[sameerbakre]

There is no direct way to handle it. You have two options here. Either add appBar and everything would be taken care by itself. Or other option is little bit dirty coding. Once your page is loaded call following

flutterWebviewPlugin.resize(_buildRect())

Rect _buildRect() {
final topPadding = mediaQuery.padding.top;
final top = topPadding;
var height = mediaQuery.size.height - top;
height -= 56.0 + mediaQuery.padding.bottom;
if (height < 0.0) {
height = 0.0;
}
return new Rect.fromLTWH(0.0, top, mediaQuery.size.width, height);
}

[iontichy123]

Sorry, for newbee question. How/where to initialize this medioQuery member?

[iontichy123]

Found another solution, instead of AppBar I've used this:

appBar: PreferredSize( 
                child: Container(),
                preferredSize: Size.fromHeight(0.0),
              ) 

[baoxiehao]

Here is my code

return new MaterialApp(
  debugShowCheckedModeBanner: false,
  home: Container(
    margin: const EdgeInsets.only(top: 0.0),
    child: SafeArea(
      top: false,
      child: new WebviewScaffold(
          url: selectedUrl,
          withZoom: true,
          withLocalStorage: true,
          hidden: true,
        initialChild: Container(
          color: Colors.white,
          child: const Center(
            child: Text('Waiting.....'),
          ),
        ),
      ),
    ),
  )

,
);

It does not work for me.

[charafau]

@sameerbakre already answered this question either use AppBar or use rect constructor to resize webview, coping for everyone:

futterWebviewPlugin.resize(_buildRect())

Rect _buildRect() {
   final topPadding = mediaQuery.padding.top;
   final top = topPadding;
   var height = mediaQuery.size.height - top;
   height -= 56.0 + mediaQuery.padding.bottom;

   if (height < 0.0) {
      height = 0.0;
   }

   return new Rect.fromLTWH(0.0, top, mediaQuery.size.width, height);
}