Flutter でWeb_viewを対応するには?

今回は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



アプリ関連ニュース

お問い合わせはこちら

お問い合わせ・ご相談はお電話、またはお問い合わせフォームよりお受け付けいたしております。

tel. 06-6454-8833(平日 10:00~17:00)

お問い合わせフォーム