Zenn
Open18

flutterの勉強を始めてみる（個人的な作業メモです）

Flutter
ひでぽんひでぽん

バックエンドをメインに仕事してきて、モバイルアプリくらい作れるようになりたいなという思いからflutter始めました。

半年くらい前にWrite your first Flutter appを一通りやったのですが、完全に忘れているので一から出直して、今回の目標は目覚ましアプリを作るまで。
平凡アプリだけど、Goalは遠いよ。

あ、とりあえずAndroid Studioは動いた。

作業環境：Windows10 DELLのPC XPSデスクトップ 仕事用なので自分的にはかなりいいやつ。

ひでぽんひでぽん

いきなり作り始めるには無知過ぎたので、サンプルを拾ってディレクトリ構成とかを真似することにする。
ググって最初にヒットしたflutterawesome.comってところの一番上にあったこれからgit cloneして動かしてみよう。

The current Dart SDK version is 2.16.2.

Because gablejob requires SDK version >=2.17.1 <3.0.0, version solving failed.
pub get failed (1; Because gablejob requires SDK version >=2.17.1 <3.0.0, version solving failed.)

Dart SDKのバージョンが低いと怒られた。
どうしたらいいんだろうかとググる。

道のり長いな。
（つづく）

ひでぽんひでぽん

Dart SDKのバージョン低い問題は flutter upgrade でアップグレードしたら解決した。

参考にした記事を最後まで読まずにコマンド打ったんですが、

１）安定版に切り替えてから
flutter channel stable
２）アップグレードして頂いた方がよろしいかと思います。
flutter upgrade

という記述が…。

コマンド動いてから読んじゃったよ。

悔しいから flutter upgrade も動かしてみたら

Switching to flutter channel 'stable'...
git: Your branch is up to date with 'origin/stable'.
git: Already on 'stable'
Successfully switched to flutter channel 'stable'.
To ensure that you're on the latest build from this channel, run 'flutter upgrade'

と表示されたので大丈夫そう。

ひでぽんひでぽん

画像ファイル(png)がいくつか不足しててビルドエラー。適当に追加して、サンプルファイルが動いたよ。
\lib\main.dartにゴリゴリレイアウト書いてるけど、そういうモノなのかな。

違うサンプルも見てみよう。これだ。

あ、main.dartに関する説明ページがあった。こういうのは初学者には助かります。

ひでぽんひでぽん

変数やメソッド名の前につけるアンダースコア(_)はDartではPrivateを意味します。
だそうです。

ひでぽんひでぽん

ウィジェット という単語がしっくり来てないけど、しっくりくるようにしたい。
GUIのパーツ的な意味合いね。
Visual Studioだと「コントロール」とかって言ってたのと同じ感じかな。

ひでぽんひでぽん

https://stackoverflow.com/questions/59123884/flutter-undefined-name-whitelistingtextinputformatter

ググればすぐ分かるレベルだと大丈夫だけど、
仕様は追っていかないと、サンプルソースでエラーが出てしまう。

I'm trying to use WhitelistingTextInputFormatter in a TextFormField in a Flutter app but I get
undefined name WhitelistingTextInputFormatter

ここに内容がまとめられていた。ありがたい。

https://medium.com/@kichiemon/textfieldで入力内容を制限したい-flutter-b70e51538e77