flutter - Flutter Webview 关闭键盘

问题描述

我通过Flutter WebView将用户发送到付款表单。最后，收到付款后，我的 Flutter 应用程序收到一条消息，通知我购买已完成。此时显示的视图是订单摘要/收据。用户在填写付款表格后不会总是关闭键盘。我无法让键盘自动为他们关闭。

我只在安卓模拟器和设备上测试过。键盘也不会关闭。

当收到订单完成消息时，我正在设置触发重建的orderCompleted变量状态以及何时调用以尝试关闭键盘。这是行不通的。我还在接收器函数中调用了这段代码，但它在那里也不起作用。truetrueFocusScope.of(context).unfocus();MobileOrderReceived

关于我可以做些什么来解决这个问题的任何想法？

这是我现在的构建功能：

bool orderCompleted = false;

@override
Widget build(BuildContext context) {
    if (orderCompleted) {
        FocusScope.of(context).unfocus(); // hides the keyboard when the order is received as successful  
    }
    Set<JavascriptChannel> jsChannels = new Set<JavascriptChannel>();
    jsChannels.add(
        JavascriptChannel(
            name: "MobileOrderReceived",
            onMessageReceived: (JavascriptMessage receiver) async { 
                print("Order Completed => ${receiver.message}");
                // { ... } code for saving to order history
                setState(() {
                    orderCompleted = true;
                });
            }
        )
    );
    return Scaffold(
        appBar: appBar(context),
        body: mainContainer(
            WebView(
                initialUrl: widget.url, 
                debuggingEnabled: true,
                javascriptMode: JavascriptMode.unrestricted,
                javascriptChannels: jsChannels,
                onWebResourceError: (error) {
                    print("==> Web Resource Error <==");
                    print(error);
                },
            )
        ),
        drawer: MainMenu.buildMenu(context),
    );
}

标签： flutterflutterwebviewplugin

flutter - Flutter Webview 关闭键盘

问题描述

解决方案

推荐阅读