Flutter notes

「离开世界之前 一切都是过程」

ポケモンのタイプ相性を扱うための簡易パッケージ

突如発表されたSwiftUIに浮気していたため、久しぶりの更新になってしまいました。 またぼちぼち更新していきたいと思います。 あと半年もしないうちにソード・シールドも発売するということでポケモンの予習に使えるアプリでも作ろうかなと考え中です。 というわけでタイプ相性をDart/Flutterで扱えるパッケージを作ってみました。 https://github.com/tnantoka/...

FlutterでBox2D.dartを使うサンプル

というものを昔作ったので、紹介します。 https://twitter.com/tnantoka/status/1116122956415897600 Flutter 1.5.4でもBuildできました。 ソースコードはこちらです。 https://github.com/tnantoka/flutter_box2d なお、box2d.dartはfork版を使っています。 http...

Flutter-Web-Landing-Pageを動かしてみた

GitHubのDart Trendingで流れてきたこのrepo。 https://github.com/devefy/Flutter-Web-Landing-Page READMEが白紙で最初は何が人気かわからなかったんですが、Web検索してみるとYouTubeの動画が出てきました。 https://www.youtube.com/watch?v=87cz-ihAJ-8 なるほど「...

GestureDetectorで図形をぐりぐり回す

マウスや指を動かした角度に合わせて何かを動かしたい……わりとよくある要件です。 atan2を使えばなんとかなりそうですが、 数学をまともに修めていない僕はいつも細かいところがわからなくなってしまいます。 そして、いつもこのサイトに助けられています。 (ジオシティーズじゃなくてよかった!) http://www5d.biglobe.ne.jp/~noocyte/Programming...

flutter_secure_storageでセキュアに情報を保存する

公式プラグインのshared_preferencesを使えば、簡単に設定などを保存できますが、これは平文なのでセキュアではありません。 例えばWeb APIにアクセスするためアクセストークンは、iOSであればKeyChainを使うなどして保存する必要があります。 flutter_secure_storageを使うとFlutterからこのKeyChainなどを使うことができます。 http...

毎日やることをリマインドするアプリを作る その4:日次通知

続きです。 https://flutter.tnantoka.com/entry/2019/05/24/230229 flutter_local_notificaitonsを使って、設定したい時間に通知を表示します。 https://github.com/MaikuB/flutter_local_notifications initState内で初期化しておいて… 1 2 3 4 ...

毎日やることをリマインドするアプリを作る その3:設定の保存

以下の続きです。 https://flutter.tnantoka.com/entry/2019/05/22/222448 前回はタスクを保存できるようにしましたが、今回は設定を保存します。 保存にはshared_preferencesという公式プラグインを使います。 保存 ここではthenを使っていますが、awaitでももちろん問題ありません。 1 2 3 4 SharedPr...

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

以下の記事の続きです。 https://flutter.tnantoka.com/entry/2019/05/18/215048 今回はタスクのデータを保存できるようにします。 まずは、JSONとの変換処理を書きます。 1 2 3 4 5 6 7 8 9 10 Task.fromJson(Map<String, dynamic> json) { name = ...

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

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

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

※ この問題は現在のFlutter for Webでは解消しています 以下の記事でflutter_webを動かしていて、CanvasのdrawRRectがうまく動かないことに気づきました。 https://flutter.tnantoka.com/entry/2019/05/11/232850 flutter_shapesの問題かもしれないので、最低限のコードを書いて実行してみます。 ...