Source code of this article https://github.com/Shubham-Narkhede/flutter_webviews_app Let’s Begin… for webview in flutter import into the pubspec.yaml of your project. webview_flutter Next… ‘https://fluttercentral.com' this is my url and i want to call this url as webview in my app. Create home.dart… our home.dart page shows single button and some text for notice which url is open as webview. This screen contains one button for sending url to webview page and one method for Navigate to another page. Important part is understanding the below, which will navigate to our web view, presented by a custom widget we'll create next called _urlHandleButton WebViewContainer Widget _button(BuildContext context, url) { Container(
        padding: EdgeInsets.all( ),
        child: FlatButton(
          color: Colors.black,
          padding: EdgeInsets.symmetric(horizontal: , vertical: ),          child: Text( ,
            style: TextStyle(color: Colors.white),
          ),
          onPressed: () => _urlHandleButton(context, url),
        ));
  } _urlHandleButton(BuildContext context, url) {     Navigator.push(context,
        MaterialPageRoute(builder: (context) => WebViewContainer(url)));
  } String return 20.0 const 50.0 15.0 "Call Webview" void String This is our home.dart Now it’s time show our webview How to use? The basic structure of webview contains mainly three parameters Parameters : : Keys, from the flutter framework. key : Whether Javascript execution is enabled. javascriptMode : URL which you want to load. initialUrl This is basic structure of webview. Now we create our webview container. We passed a simply constructer for getting an url from to WebViewContainer(this.url); home.dart web_view_container.dart WebView(
key: _key, : JavascriptMode.unrestricted, : _url); javascriptMode initialUrl finally we are done with webview.

Creating Webview Application with Flutter

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

How To Create Simple Gradient App Bar With Flutter

Java bits: 0xFF and 0xFFL

10 Things You Didn't Know You Could Do With Google Keep

10 Things to check on Android code reviews

10 Mistakes In Mobile App Development That Make You Look Dumb

10 good rules for bad App

How To Create Simple Gradient App Bar With Flutter

Java bits: 0xFF and 0xFFL

10 Things You Didn't Know You Could Do With Google Keep

10 Things to check on Android code reviews

10 Mistakes In Mobile App Development That Make You Look Dumb

10 good rules for bad App

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps