Flutter Galleryの動かし方

May 10, 2019

Flutter Galleryは公式repoに含まれているサンプル集で、たくさんあるFlutterのWidgetの使い方の参考になります。 (所謂Kitchen Sinkというやつ)

https://github.com/flutter/flutter/tree/master/examples/flutter_gallery

手元でBuildできるようにしておくといじりながら挙動を確認できるので便利です。

自分の環境のFlutterのバージョンを確認する

1
2
$ flutter --version
Flutter 1.5.4-hotfix.2 • channel stable • https://github.com/flutter/flutter.git

同じバージョンのFlutterをcloneしてくる

Flutterの開発はactiveなので、最新のmasterをcloneしてくるとdartのバージョンが合わなくてbuildできなかったりします。

1
$ git clone git@github.com:flutter/flutter.git -b v1.5.4-hotfix.2

vを忘れないように

実行

あとは実行するだけです。

1
2
3
$ cd flutter/examples/flutter_gallery/
$ flutter packages get
$ flutter run

もちろんAndroid Studioなどで開いてBuildしても問題ありません。

動きました。