Why is Flutter WebView not loading page?

Question

I am making a simple screen containing a WebView encapsulated inside a Scaffold. There is a button above the WebView. The WebView is not loading the page. However, when the WebView is not encapsulated inside the Scaffold, the page loads. I need to have the Scaffold as a container to add other widgets. How to make the WebView loads its page inside the Scaffold.

Codes containing WebView inside Scaffold. WebView does not load

return MaterialApp(
      home: Scaffold(
          body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
            children: [
              TextButton(
                onPressed: () {
                 
                },
                child: Text('Print page'),
              ),
              WebView(
                initialUrl: 'https://flutter.dev',
              )
          ],),),
    );

Codes containing only WebView. WebView does not load

   return MaterialApp(
      home: WebView(
        initialUrl: 'https://flutter.dev',
      ),
    );

if you are using the Flutter community Plugin of Webview. Then you need to use WebViewScaffold. Please check this medium link medium.com/@zeyadelosherey/… — Ankit Tale
– Ankit Tale, Commented Oct 15, 2021 at 7:20

NavodDinidu · Accepted Answer · 2021-10-15 10:04:12Z

8

This code work for me. Try this out

return Scaffold(
  appBar: AppBar(
    title: Text('test'),
  ),
  body: Column(
    children: [
      RaisedButton(
        onPressed: () {},
        child: Text('Test'),
      ),
      Expanded(
        child: WebView(
          initialUrl: 'https://flutter.dev',
          javascriptMode: JavascriptMode.unrestricted,
        ),
      ),
   
    ],
  ),
);

answered Oct 15, 2021 at 10:04

NavodDinidu

4414 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kheersagar patel Over a year ago

this is the only solution worked for me. instead of RaisedButton use SizedBox() for better experience

Saif Khan · Accepted Answer · 2021-10-15 07:15:32Z

6

******Give Internet Permission in Android Manifest.xml file and the permission is below

https://stackoverflow.com/questions/55603979/why-cant-a-flutter-application-connect-to-the-internet-when-installing-app-rel


<manifest xmlns:android="...">
  <uses-permission android:name="android.permission.INTERNET"/>
</manifast>

answered Oct 15, 2021 at 7:15

Saif Khan

13210 bronze badges

1 Comment

Saif Khan Over a year ago

medium.com/flutter/…

Collectives™ on Stack Overflow

Why is Flutter WebView not loading page?

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related