Flutter でWeb_viewを対応するには?
- 2022年6月24日
- 技術情報
今回はFlutterの使い方を共有したいと思い、記事書きました。
タイトルで書いた通り、Web_viewを利用するにはpubspec.yamlで導入する必要があります。
dependencies:
webview_flutter: ^3.0.4
Android開発の場合、「android > app > build.gradle」で、SDKの最小バージョンを19以上にします。
defaultConfig {
applicationId "com.example.sample_app"
minSdkVersion 21
targetSdkVersion 31
versionCode flutterVersionCode.toInteger()
versionName flutterVersionName
}
initialURL に表示したいurlを書きます。
拡大を有効にしたいなら、「zoomEnabled」に「true」を指定します。
WebView(
initialUrl: 'https://flutter.dev',
zoomEnabled: true,
)
Webページのローディング開始時、ローディングをひょうじしたいなら、
onPageStarted: (url) {
setState(() {
_isLoading = true;
});
},
Webページが既に表示された時、ローディングをひょうじを終わり処理
onPageFinished: (url) {
setState(() {
_isLoading = false;
});
},
ということで、今回はこれで終わります。
金曜担当 – Ami
asahi at 2022年06月24日 10:00:00