flutterの勉強
fg450saget
abstract class DashboardApi {
CategoryApi get categories;
EntryApi get entries;
}
こんな感じでgetが出てきた。
どうやらこれはgetterを意味している見たい。
公式ドキュメントはこちら。
fg450saアロー演算子
double get right => left + width;
という実装に遭遇した。
fg450saassert
assert(hoge == 3);
的な使い方が出来る。
fg450saFuture
非同期処理をするための型
fg450saクラスのコンストラクタの書き方がちょっと特殊。
Named constructorsという実装の仕方があるみたい。
{クラス名}.fromJson()みたいな書き方ができるらしい。
pythonでいうところの@classmethod的なやつか
fg450sa状態管理にStateクラスといいうものが使用される
fg450saDartのmixinは多重継承みたいなことをしたい時に便利らしい。
Dartの言語しようとして多重継承は許されておらず、Flutterを使う時とかに便利になるシチュエーションがあるみたい。
fg450sathrowとかExceptionとかの処理について説明されているドキュメント。
めっちゃ勉強になる。https://dart.dev/language/error-handling#exceptions
fg450saメソッド名や変数名が_で始まった場合はprivateなものとみなされるらしい
fg450sadartのスタイルガイドを見つけた
fg450saキーワード一覧が用意されてている。
fg450saflutterのテスト実行
fg450saアプリ起動
vscodeの右下で使用するデバイスを設定して
main.dartを開き、F5で実行する。
コマンドラインから
以下のコマンドでchromeで起動することができる。
flutter run --device-id chrome
fg450saマテリアルデザインってなんだ？
fg450saWidgetのchildがよくわからない。
childで指定する時とchildrenで指定する時にどんな違いがあるのかがわからない。
fg450sa縦方向に並べたい時はColumn,横方向に並べたい時はRow
わかりやすい
fg450saUIの勉強をする必要がありそう。
ボタンにはどんな種類のものがあるのかとか。
fg450safinalとconstの違い
finalは実行時に値が代入され、それ以降変更ができない。
constはコンパイル時に値が代入され、それ以降変更ができない。
fg450sa状態を更新したい時はsetState関数を呼ぶようにする。
デモアプリの場合は以下のような実装になっている。
void _incrementCounter() {
setState(() {
_counter++;
});
}
実装するWIdget側でStateを継承する必要がある。
class _MyHomePageState extends State<MyHomePage>
contextの中にはページ移動の遷移情報とかが含まれてくるイメージか？
fg450saNavigator.of(context).pop();
この1行で前のページに戻ることができる👀
fg450safirebaseが便利らしい。
FireStoreを使うと複数のデバイスの状態を管理できるっぽい。
fg450safirebaseのパッケージ周りでエラーが出たのでこの記事を参考に修正。