Flutter開発のサンプルアプリを探す

投稿日：
いい感じのFlutterサンプルアプリをスクリーンショットを撮りながら探しているときの覚書。

環境： Windows 10, Flutter SDK v1.9.1 , Android Studio 3.5


参考サイト


Playground app for Flutter

下記エラーで動かなかった。
* Error running Gradle:
ProcessException: Process "D:\Documents\Projects\GitHub\FlutterPlayground\android\gradlew.bat" exited abnormally:
  Command: D:\Documents\Projects\GitHub\FlutterPlayground\android\gradlew.bat app:properties
Finished with error: Please review your Gradle project setup in the android/ folder.


Platform Design


右上の切り替えボタンで、サブメニューとタブメニューを切り替えて表示できる。
合わせてマテリアルデザインのナビゲーションの概念も参考に。
GitHub: samples/platform_design at master · flutter/samples · GitHub

Shine


ショッピングアプリ。
横スクロールで商品を閲覧する。
Material Componentをカスタマイズする例。
Page: Shrine - Material Design
GitHub: samples/material_studies/shrine at master · flutter/samples · GitHub


Rally

Page: Rally - Material Design
GitHub: samples/material_studies/rally at master · flutter/samples · GitHub
「AndroidManifest.xml could not be found.」で動かなかった。


inKino


API経由で情報を取得して表示する。
ビルドする前に下記コマンドを実行しないとエラーになる。API Keyは取得しなくてもアプリは動いた。
C:> cd core/lib/src && mv tmdb_config.dart.sample tmdb_config.dart && cd ../../..
GitHub: roughike/inKino: A multiplatform Dart movie app with 40% of code sharing between Flutter and the Web.


flutterflip


オセロゲーム。
下記エラーになる
Could not find method google() for arguments [] on repository container.
ビルドするために下記ファイルを修正
android/app/buld.gradle
targetSdkVersion 26

android/gradle/wrapper/gradle-wrapper.properties
distributionUrl=https\://services.gradle.org/distributions/gradle-5.4.1-all.zip

android/build.gradle
classpath 'com.android.tools.build:gradle:3.5.0'

GitHub: GitHub - RedBrogdon/flutterflip: Public repo for flutterflip, a reversi clone built with Flutter.



【関連記事】