Flutter

Flutter/Dart

Flutter-InputDecorator

TextFiledのInputDecorationで以下の様な枠付き(枠にラベル)という表示を使っていたのだけど、調べたところInputDecoratorで実現できた。 ついでにInputDecorationのlabelTextを使った場合...
Flutter/Dart

Flutter-進捗状況をダイアログで表示させてみる

処理の進捗状況を表示するための実装について。 ユーザー認証とか、ファイルからのデータ読み込みなど、待機時間が若干かかる場合に別途ダイアログ画面を表示し、その中に進捗状況を表示させる実装について記述している。 処理途中で他の画面に遷移させたく...
Flutter/Dart

Flutter-表示の更新

ウィジェットの表示の更新についてちょっとまとめてみた。 初めに トップウィジェットの中身にDropdownMenuItemやToggleButtonなどのウィジェットを配置し、それを操作した時に状態(表示)を変更する。これはよくあるGUI構...
Flutter/Dart

Flutter-Cupertino系のGoldenテスト

CupertinoPickerを使ったWidgetをGolden_testでテストしようとしたらテキスト文字が正しく描画されていなかったのでその対応方法について記載。 初めに 今回、数値を選択するというダイアログを作成するにあたり、Cupe...
Flutter/Dart

Flutter-flutter_backgroundのUnitTest用の実装

Flutterのバックグラウンドサービスとしてflutter_backgroundを使おうとしたのだけど、書いたサービスをWindows環境でUnittestがしづらかったのでasync版、isolate版を実装してみた。 初めに 本来のテ...
Flutter/Dart

Flutter-FutureBuilder考察

非同期関数の処理結果を画面に表示するときに使用するFutureBuilderだけど非同期関数の処理時間が極端に短い場合に、ちょっと個人的にどうかなと思うところがあった。 その内容と対策などについて考えてみた。 FutureBuilderと問...
Flutter/Dart

Flutter-タイマーアプリケーションを作ってみる1

なんとなくAndroidアプリを作ってみたくなったので、今、とてもほしいと思っていたタイマーアプリを作ってみた。 ソフトは一応完了しているのだけど、その過程や、手こずったところなどを記述していきたい。 まずは仕様みたいなもの。 タイマーアプ...
Flutter/Dart

Flutter-タイマーアプリケーションを作ってみる2

Flutter-タイマーアプリケーションを作ってみる1の続き。 もうちょっと詳細に設計していく。 画面構成 構成と画面の遷移は以下の様な感じになる。 アイコンを使う場合は、その意匠、もしくはアイコン名を記入しておく。 トップ画面 タイマー実...
Flutter/Dart

Flutter-タイマーアプリケーションを作ってみる3

Flutter-タイマーアプリケーションを作ってみる2の続き。 詳細設計へ落とす。文字に落とすとこんな感じ。 アプリケーションにはGetXパッケージを使用してMVVM的に作っている。 トップ画面 表示用のデータ TitleTable-id ...
Flutter/Dart

Flutter-Windows開発環境のフォルダ構成

3月末にFlutterの環境をローカルマシンに構築して、最近Cドライブが肥大化してきたなと感じ、Flutterのファイル類はどこに保存されるのだろうかと思うようになった。 今回はWindows版だけどFlutterで使われるファイルがどこに...
Sponsored Link