如何在 Flutter 中為 WebView 創建進度指示器

Question

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
 
void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
    home: Scaffold(
        body: WebViewClass()
       )
      );
  }
}

class WebViewClass extends StatefulWidget {

  WebViewState createState() => WebViewState();

}

class WebViewState extends State<WebViewClass>{

  num position = 1 ;

  final key = UniqueKey();

  doneLoading(String A) {
    setState(() {
      position = 0;
    });
  }

  startLoading(String A){
    setState(() {
      position = 1;
    });
  }

  @override
  Widget build(BuildContext context) {
  return Scaffold(
     appBar: AppBar(
        title: Text('Show ProgressBar While Loading Webview')),
      body: IndexedStack(
      index: position,
      children: <Widget>[

      WebView(
        initialUrl: 'https://Google.com',
        javascriptMode: JavascriptMode.unrestricted,
        key: key ,
        onPageFinished: doneLoading,
        onPageStarted: startLoading,
        ),

       Container(
        color: Colors.white,
        child: Center(
          child: CircularProgressIndicator()),
        ),
        
      ])
  );
  }
}

為什么會顯示此錯誤？ 基本上我想在加載完整網站之前在顫振 webview 上添加進度條。 經過多次搜索，我得到了這個代碼，但我也顯示錯誤。 這段代碼有什么問題嗎，或者如果可以的話，請幫助我編寫新代碼。

Answer 1

按照這個，

1. 用int替換num？ , 在第26行 -> 喜歡, int? 位置 = 1 ;
2. 在位置之后添加！（感嘆號） ，在第48行 -> 喜歡，索引：位置！ .

快樂編碼！