Flutter notes

Flutterに関するメモ書き

毎日やることをリマインドするアプリを作る その2:タスクの保存

以下の記事の続きです。 今回はタスクのデータを保存できるようにします。 まずは、JSONとの変換処理を書きます。 Task.fromJson(Map<String, dynamic> json) { name = json['name']; final List<dynamic> decodedHistory = json['_histories']; _histories = decodedHistory.cast<int>(); }</int></dynamic></string,>…

毎日やることをリマインドするアプリを作る その1:モック

タイトルの通りのアプリを作り始めました。 完全に自分用で、ストアにリリースするかはまだわかりません。 名前はそのままで「Nikka」にしました。 紙で軽く考えたものをそのままFlutterでモックにすることにしました。 できたのがこちら。 ここまでで使用し…

Flutter for WebでRounded Rectの上辺が描画されない問題を追う

※ この問題は現在のFlutter for Webでは解消しています 以下の記事でflutter_webを動かしていて、CanvasのdrawRRectがうまく動かないことに気づきました。 flutter_shapesの問題かもしれないので、最低限のコードを書いて実行してみます。 class _MyPainter …

Flutter ShapesのDemoをFlutter for Webで動かしてみた

以下の記事では、 まだテクニカルプレビューなので、本番に使えるような状態ではない と書きました。 webdev serveの重さだけでそう書いてしまいましたが、その後、公式のsamplesを見ていると、 buildされたものは普通に動いていたのでもう少し触ってみるこ…

Flutter Galleryの動かし方

Flutter Galleryは公式repoに含まれているサンプル集で、たくさんあるFlutterのWidgetの使い方の参考になります。 (所謂Kitchen Sinkというやつ) 手元でBuildできるようにしておくといじりながら挙動を確認できるので便利です。 自分の環境のFlutterのバー…

時計の読み方アプリで吹き出しが切れる問題

以下のエントリで作ったアプリですが、吹き出しが少し切れて残念になっていました。 現在、このビューはColumnを使って並べています。 Columnを使ったまま吹き出しのみをオーバーフローさせるのは難しそうです。 Stackに書き換えて並べればできそうですが、…

Flutter for Webを動かしてみた

Google I/O 2019にて、Flutter for Webが発表されました。 多くの人が「やってみた」記事を書いてることと思いますが、それは見ずにあえて自分でもやってみようと思います。 Flutter SDKのバージョンアップ at least v1.5.4 v1.5.4以上が必要ということなの…