有没有一种方法可以在flutter中的WebView TextInput字段中自动对焦键盘？

Question

我正在使用 inappwebview 在颤音应用程序中显示该网页。仅当我点击输入字段时，仅显示键盘。有没有办法在攻击输入字段之前可见键盘？键盘应在导航到此屏幕后立即出现。这是代码：

import 'package:flutter_inappwebview/flutter_inappwebview.dart';


class WebViewScreen extends StatefulWidget {
  const WebViewScreen({Key? key}) : super(key: key);

  @override
  State<WebViewScreen> createState() => _WebViewScreenState();
}

class _WebViewScreenState extends State<WebViewScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Center(
          child: InAppWebView(
            initialUrlRequest:
                URLRequest(url: Uri.parse('https://www.google.com')),
            onWebViewCreated: (InAppWebViewController controller) {
              print('onWebViewCreated');
            },
            onProgressChanged:
                (InAppWebViewController controller, int progress) {
              print('onProgressChanged: $progress');
            },
          ),
        ),
      ),
    );
  }
}

Answer 1

使用

并使用 webview_flutter 插件，它可以使用：

class WebViewPage extends StatelessWidget {
  const WebViewPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return WebView(
      javascriptMode: JavascriptMode.unrestricted,
      initialUrl: "https://google.com",
      onWebViewCreated: (webViewController) {
        String jsStr = "window.addEventListener('load', (event) => {"
            "let i = document.getElementsByTagName('input');"
            "i[0].focus();"
            "console.log('done');"
            "});";
        webViewController.runJavascript(jsStr);
      },
    );
  }
}