为什么我的 FAB 刷新按钮在 WebView 中的点击时没有刷新?

Question

嗨，我的 WebView 颤振应用程序有问题，我有一个浮动操作按钮，但它在点击时无法刷新

我的晶圆厂所在的代码是：

import 'dart:async';
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
class HomePage extends StatefulWidget {
HomePage({Key key}) : super(key: key);
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
WebViewController _myController;
final Completer<WebViewController> _controller =
Completer<WebViewController>();
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
body: WebView(
initialUrl: 'https://syncshop.online/en/',
javascriptMode: JavascriptMode.unrestricted,
onWebViewCreated: (controller) {
_myController = controller;
},
onPageFinished: (initialUrl) {
_myController.evaluateJavascript("document.getElementsByClassName('footer-container')[0].style.display='none';");
},
),
floatingActionButton: FloatingActionButton(
onPressed: () {
_myController?.reload();
},
child: Icon(Icons.refresh),
),
),
);
}
}

FAB 存在，但在按下时不刷新 Web 视图 URL

Answer 1

您有两个 Web 视图控制器实例。

1. WebViewController _myController
2. Completer<WebViewController> _controller

正在发生的事情是_myController已被分配了一个值，但它还没有任何数据。

我建议使用带有以下代码的_controller实例：

onWebViewCreated: (controller) {
_controller.complete(controller);
}

和 FAB 按钮为：

floatingActionButton: FutureBuilder<WebViewController>(
future: _controller.future,
builder: (BuildContext context, AsyncSnapshot<WebViewController> controller) {
if (controller.hasData) {
return FloatingActionButton(
onPressed: () {
controller.data.reload();
},
child: Icon(Icons.refresh),
);
}
return Container();
}),

上述Completer的使用允许您仅在_contoller有一些数据要重新加载后显示 FAB。

有关更多详细信息，请参阅此示例代码：https://github.com/flutter/plugins/blob/master/packages/webview_flutter/example/lib/main.dart