webview_flutter(ウェブビュー フラッター)のAndroidキーボード入力の不具合が修正された

webview_flutter プラグインのAndroidキーボード不具合

 

webview_flutterのバージョンアップで、
Androidでのキーボード操作が直った!

いち入力ごとに確定がかかる不具合がなくなった。

[参考]
https://pub.dev/documentation/webview_flutter/latest/

※ Flutter SDKのバージョンアップと、
 ここに書いてあるようなソースコードの追加や設定し直しは必要。

 

以下に、詳しく書きます。

 

対応方法

 

1.
pubspec.yaml で
webview_flutter: ^1.0.1
と記載。

※ 2020年10月現在のバージョンなので、
 もっと、上のバージョンになっていれば、そちらに!

 

ーーーーーーーーーー
2.
Android時のための特別処理の前準備。

 

import ‘dart:io’;
を呼び出すようにする。

後で、Platform.isAndroid
といったようにPlatformで使うので!

例)
import ‘dart:io’;

import ‘package:webview_flutter/webview_flutter.dart’;

 

ーーーーーーーーーー
3.
Android時のための特別処理が必要。

 

void initState()のsuper.initState();の下で、
if (Platform.isAndroid) WebView.platform = SurfaceAndroidWebView();
を書く。

例)
super.initState();

if (Platform.isAndroid) WebView.platform = SurfaceAndroidWebView();

 

全体 例)

import ‘dart:io’;

import ‘package:webview_flutter/webview_flutter.dart’;

class WebViewExample extends StatefulWidget {
@override
void initState() {
super.initState();
if (Platform.isAndroid) WebView.platform = SurfaceAndroidWebView();
}

@override
Widget build(BuildContext context) {
return WebView(
initialUrl: ‘https://flutter.dev’,
);
}
}

 

4.
最小SDKバージョンを19に上げる。

 

/android/app/build.gradle

minSdkVersion 19
に変更。

 

これで、完了!

例)
android {
defaultConfig {
minSdkVersion 19
}
}

 

問題が出た場合

 

webview_flutterプラグインの1.0以上を使うには、
Flutter SDKのバージョンも上げる必要がある。

 

アプリをテスト起動しようとすると、
英語で「Flutter SDKのバージョンが古くて使えない
みたいなエラーが出る。

(エラー文を保存しておくのを忘れました……)

 

Flutterを入れたディレクトリで、

flutter –version

でバージョンを確認。

 

flutter upgrade

でバージョンアップが出来る。

 

完了したら、再度、

flutter –version

でバージョンを確認する。

 

コメントを残す