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 で調べてみると良い。
参考