Bottom tabBar control webView

[CocoaZX]

System info

Issue occurs on: / both
Plugin version: newest
Flutter doctor output:

[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 10.1)
[✓] iOS tools - develop for iOS devices
[✓] Chrome - develop for the web
[✓] Android Studio (version 3.4)
[✓] VS Code (version 1.35.1)
[✓] Connected device (5 available)

Steps to Reproduce

I have a webView in bottom page 1, when I change bottomBar, the flutter page well change, but webView aways stay top. How can I hidden it, or can webView under the flutter control?

Logs

[joelbrostrom]

I came to ask the exact same question!

I'm trying to push a login screen over the WebviewScaffold, thus removing the navigation bar and everything else.

I have tried a few different approaches. Using MaterialRouting, Named MaterialRouting and building a WebviewScaffold and passing it to a normal Scaffold body (see example below)

The first two would be preferable since they push the new login screen over the BottomNavigationBar but there are problems:

1. The WebviewScaffold always stays on top no mater how many screens are pushed on top of it.
2. Manually hiding the WebView with flutterWebViewPlugin.hide works, but I cant find a way to show it again after the login screen pops.

The third alternative of creating a list of widgets ([webView, loginScreen, otherTabs]) and then building the body of the current tab index hides the WebView but the tab bar is still showing.

List<Widget> bodyList = [webView, loginScreen, otherTabs];

Scaffold(
            appBar: AppBar(),
            bottomNavigationBar: BottomNavigationBar(
              onTap:(index){
                setState({
                  _currentIndex = index;
                })
             })
            body: bodyList[_currentIndex]
        )

How can I push a new screen on top of a WebView without it showing through?

[CocoaZX]

ok,I use https://github.com/pichillilorenzo/flutter_inappbrowser fix this

[CocoaZX]

@joelbrostrom just change to this webview

[joelbrostrom]

@CocoaZX I need keyboard support in the app.
If I understand it correctly inappbrowser does not show the keyboard when focusing text fields, which limits the usability substantially.
The same was true for flutter_webview.

[CocoaZX]

@joelbrostrom Do you fix keyboard issue? I try many webview flutter, not found perfect one.

[joelbrostrom]

@CocoaZX No, My conclusion is that flutter is not optimal for WebView applications.
That being said, I have a project in production for a customer and the app relies on text input (search).
Therefor I had to go with flutter_webview_plugin which works, but require some workarounds.

[joelbrostrom]

@CocoaZX Woops, I realize now that I thought I was in a different forum.
The answer is that you have to hide your WebView using myWebView.hide whenever you want to display something "over" it and then return it using myWebView.show when you're done :)

[CocoaZX]

OK,I know. It's strange way to solve it