在Web视图中加载URL时显示CircularProgressIndicator

时间:2019-02-25 07:44:43

标签: dart flutter

我想在CircularProgressIndicator加载URL时显示webview。下面是代码,但仅显示初始化webview时的加载元素。

Widget build(BuildContext context) {

    return new MaterialApp(
      theme
        : new ThemeData(
        primaryColor: Color.fromRGBO(58, 66, 86, 1.0), fontFamily: 'Raleway'),
      routes: {
        "/": (_) => new WebviewScaffold(
          url: url,
          appBar: new AppBar(
            title: Text(title),
            actions: <Widget>[
              IconButton(
                icon: Icon(Icons.close),
                onPressed: () => Navigator.of(context).pop(null),
              )
            ],
          ),
          withJavascript: true,
          withLocalStorage: true,
          appCacheEnabled: true,
          hidden: true,
        )
      },
    );
  }

我希望它在用户单击webview中的任何链接时显示加载元素。

2 个答案:

答案 0 :(得分:2)

答案 1 :(得分:1)

它应该是第一次工作,我知道这并不是您要找的东西,但这可能会有所帮助。

WebviewScaffold(
      url: "https://www.google.com/",
      appBar: new AppBar(
        title: const Text('Widget webview'),
      ),
      withZoom: true,
      withLocalStorage: true,
      hidden: true,
      initialChild: Container(
        child: const Center(
          child: CircularProgressIndicator(),
        ),
      ),
    );