Flutter でガワアプリ

Hybrid Application

Mon, 18 Mar 2019

Flutter でガワアプリを作ろうと思う。 WebView のプラグインがあり、下記記事を参照してやってみた。

webview plugin は バージョンが上がって名称が変わっているので、その変更をしなければならない。

pubspec.yaml に webview_flutter を追加する。

------
dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.2
  webview_flutter: ^0.3.4
------

main.dart はこんな感じ

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  
  Widget build(BuildContext context) {
    return MaterialApp(
      routes: {
        "/": (_) => WebView(
          initialUrl: "https://www.google.com"
        )
      }
    );
  }
}

ドキュメントにある通り、iOS で動かす場合は(エミュレータの場合も)ios/Runner/Info.plist に次のキーを追加しなければならない。

<key>io.flutter.embedded_views_preview</key>
<string>YES</string>

とりあえず、Android, iOS の実機とエミュレータで表示を確認した。JavaScript とかの再現具合はこれから検証する。

動かない場合は flutter doctor とか flutter run —verbose で調べてみると良い。

参考

Loading...
Shigeru Kondou

近藤 茂 あまりむずかしいことはかけません。

  • concigel blog Powerd by gatsby-starter-personal-blog