Flutter中InAppWebView无法唤起键盘问题求助

针对你遇到的Android和iOS端偶发无法唤起键盘的问题，可从以下几个维度调整解决：

一、完善WebView基础交互配置 #

在InAppWebViewOptions中明确开启核心交互能力，避免默认配置的不确定性：

crossPlatform: InAppWebViewOptions(
  javaScriptEnabled: true,
  supportZoom: true,
  allowFileAccess: true,
  useShouldOverrideUrlLoading: true,
),

这些配置确保WebView具备完整的页面交互权限，排除因基础限制导致输入框无法获取焦点的情况。

二、Android端适配优化 #

1. 调整WebView硬件加速与混合渲染配置：

android: AndroidInAppWebViewOptions(
  useHybridComposition: true,
  hardwareAcceleration: true,
  allowContentAccess: true,
  disableDefaultErrorPage: true,
),

2. 在AndroidManifest.xml中配置Activity的软键盘模式：

<activity
  android:name=".MainActivity"
  android:windowSoftInputMode="adjustResize"
  ...>

adjustResize保证键盘弹出时WebView能自动调整布局，避免焦点区域被遮挡或无法触发键盘唤起。

三、iOS端适配优化 #

添加键盘相关的关键配置，解除系统对键盘唤起的限制：

ios: IOSInAppWebViewOptions(
  allowsInlineMediaPlayback: true,
  scrollEnabled: true,
  keyboardDisplayRequiresUserAction: false,
  disableInputAccessoryView: false,
),

keyboardDisplayRequiresUserAction: false允许WebView自动响应输入框焦点事件，解决部分网页输入框无法触发键盘的问题。

四、代码逻辑优化 #

1. 页面加载完成后强化输入框焦点处理：

onLoadStop: (controller, url) async {
  await controller.evaluateJavascript(source: """
    setTimeout(() => {
      const inputs = document.querySelectorAll('input, textarea');
      inputs.forEach(input => {
        input.addEventListener('focus', () => {
          document.activeElement = input;
        });
      });
    }, 500);
  """);
},

延迟执行JS绑定焦点事件，避免页面未完全渲染时用户点击输入框导致的异常。

2. 跳转前清理键盘状态：
   在onLoadStart的跳转逻辑中先隐藏键盘，防止跳转时的状态异常影响后续WebView交互：

if (url.toString() == state.paymentState.redirectBackUrl) {
  await controller.hideKeyboard();
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (context) => const Scaffold(body: Center(child: Loader()), backgroundColor: Colors.white)
    )
  );
  StoreProvider.of<AppState>(navigatorKey.currentContext).dispatch(CheckPayment());
}

五、排查依赖版本 #

确保使用flutter_inappwebview的最新稳定版，旧版本可能存在已知的焦点与键盘交互bug，更新pubspec.yaml：

flutter_inappwebview: ^6.0.0 # 替换为当前最新稳定版本

内容的提问来源于stack exchange，提问作者Mohammad Rabia Najib