注意我没有添加完整的代码。
在下面的代码中,我一次渲染 CircularProgressIndicator 和 InAppWebView 以避免 InAppWebView 在加载时显示白屏(除了启动屏幕和启动屏幕)。
我使用不透明度一次显示一个小部件。在我的示例中,最初 CircularProgressIndicator 仅可见 5 秒。比在这 5 秒后显示的 InAppWebView 保持不可见。
使用 Stack 布局使 webview 滚动变得很长。我需要弄清楚如何在不使用堆栈的情况下一起呈现 CircularProgressIndicatora 和 InAppWebView。
body: WillPopScope(
onWillPop: onWillPop,
child: Stack(
children: <Widget>[
Opacity(
opacity: _isLoadingPage ? 1.0 : 0.0,
child: Center(
child: CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(Colors.deepPurple),
),
),
),
Opacity(
opacity: _isLoadingPage ? 0.0 : 1.0,
child: InAppWebView(
initialUrl: 'https://www.theonlineindia.co.in',
),
),
],
),
),