Flutter で Windows アプリをテンプレートから生成し、起動してみよう。
※2020/08/08 での話です。現在の最新のFlutterとは異なります。
最新に合わせたのは後で書こう……。

Flutter 公式が用意してくれてる、アプリのサンプルを起動するところまで。

Electron みたいな見た目で起動して表示されるみたい。
Win32-basedだから、違うんだろう……。
ちょっと試した感じだと、普通のアプリみたいに見える。
.exe単体で起動できるような形には、今はならないっぽい。

テクニカルレビューなそうなので、今後にも期待。
あとでUWPに対応するとかも書いてるみたいだしね。

#Flutter で Windows アプリのテンプレートを作成する

サンプル用テンプレートを生成するフォルダへ移動する

flutter create で作成するだけ。
. は、カレントディレクトリの指定になる。

C:\src> mkdir FlutterSample01
C:\src> cd FlutterSample01
C:\src\FlutterSample> flutter create .

↓こんな感じのメッセージになる。


Running "flutter pub get" in FlutterSample...                    1.6s
Wrote 91 files.

All done!
[√] Flutter: is fully installed. (Channel master, 1.21.0-8.0.pre.109, on Microsoft Windows [Version 10.0.18363.997],
    locale ja-JP)
[√] Android toolchain - develop for Android devices: is fully installed. (Android SDK version 29.0.2)
[√] Visual Studio - develop for Windows: is fully installed. (Visual Studio Community 2019 16.3.10)
[√] Android Studio: is fully installed. (version 4.0)
[√] Connected device: is fully installed. (1 available)

In order to run your application, type:

  $ cd .
  $ flutter run

Your application code is in .\lib\main.dart.


WARNING: The Windows tooling and APIs are not yet stable. You will likely need to re-create the "windows" directory
after future Flutter updates.

C:\src\FlutterSample>

サンプルを起動してみる

flutter run を実行するだけ。

C:\src\FlutterSample>flutter run

↓こんな画面になる。＋をクリックするとカウントが増えていく。

このサンプル自体も、中身的にはAndroid/iOS用と同じサンプルプログラムの内容となっている。
なので、lib\main.dart の中身が実行されているのは一緒。
すげえなあ。Windowsでも同じソースで書けちゃうじゃん。

Hot Reload とかはどうなん、って？
まだ試してないからわからないけど、Windowsで同じのを起動できる時点で、
俺の中では十分なんだよなあ。確認しやすいし。

#他の環境で動かすにはどうすれば良い？
あくまで、現時点（2020/08/08 19:27）時点での話なんだけど。
他の環境で動かすには、以下が必要になるみたい。

Visual Studio 2015、2017、および 2019 用 Microsoft Visual C++ 再頒布可能パッケージ
各環境用のFlutterのBuild後のPackage
- Windowsの場合は、 flutter run じゃなく、flutter build を実行する必要がある

↓以下を実行する

C:\src\FlutterSample>flutter build windows

Buildが終わると、以下のフォルダにBuildしたものが出来ている。
build\windows\runner\Release
build\windows\runner\Debug
上の例で言うと、C:\src\FlutterSample\build\windows\runner\Release(Debug)　になる。
中身の全てが必要。exeだけじゃ動作しない。
dataフォルダの中身がないと画面が出ない。

再配布パッケージがインストールされてる環境であれば、.exeを起動すれば動く。
ない場合はエラーになる。

#参考

FlutterでWindowsデスクトップアプリのネイティブ連携をする
- https://qiita.com/br_branch/items/746ba34cc2d5780ee8db