🥰

Dart

2022/10/13に公開約3,300字

osusume
https://zenn.dev/kboy/books/a5b8b502dcdac4
https://zenn.dev/flutteruniv/books/flutter-textbook

前提

https://qiita.com/yasutaka_ono/items/608405a27e57cc30e0d7#avoiding-jankガチャガチャを避ける

将来性

JSの代わりの言語
すぐには来ないが中長期的には来る
https://www.anken-navi.jp/news/programming-language/dart/dart-explanation/

環境構築

https://www.youtube.com/watch?v=I6TpDuSFbTc(M1用環境構築)
androidはM1だと追加で必要な操作がある上記のが不十分だった時用
https://zenn.dev/articles/460162fc992712/edit

アプリを始める

用語集 メモ

Scafold:画面全体
command C で保存 変更が出てくる

エラー対処一覧

ios シミュレーターが立ち上がらない
すでに立ち上がっているものを削除して立ち上げな押したらいけた

flutter inspectorが表示されない
みどりの矢印をクリック(アプリを起動させる)たらでてきた

flutter
画面遷都 Stateless statefull

children const つけない
つけたとしても 一つだけ

constとは何かについて学ぶ必要あり

コピペエンジニアにはならない

nullでもいいからボタンにはchild 例えばtext
を入れないとエラーになる

変数に_があるとうまくいかない

変数の定義
画面遷都の確固で送る
受け取る(逆に受け取らないとえらーが言ってしまう)
表示

const 自動追加

language specific settings > dartで開いたsetttings.json
edit settingでいける 上の変の謎のコードは消しても大丈夫だと思う
https://zenn.dev/moguaiyuki/articles/d10b697b121995
∆結構間違ってる(コード
(ただし時々間違っていてエラーだから注意)

{
  "[dart]": {
    //constを自動追加
    "editor.codeActionsOnSave": {
      "source.fixAll": true
    },
    //あとは自動設定
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "editor.rulers": [80],
    "editor.selectionHighlight": false,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.suggestSelection": "first",
    "editor.tabCompletion": "onlySnippets",
    "editor.wordBasedSuggestions": false,
    "editor.defaultFormatter": "Dart-Code.dart-code",
    "editor.formatOnPaste": true
  }
}

https://zenn.dev/astrologian/articles/743e56470a21e5

padding重曹できないのはなんでなのかな。

paddingの中に例えば
ボタンやテキストフィールドを入れる。

もし時間があったらログイン時にenter されたらしたに移り変わるやつ作りたい

rowの中にchildren
ボタン横並び

mainAxisAlignment: MainAxisAlignment.start
COLUMMだと上
row だと左になる
どっちもつければ組み合わせは無限大

child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children:

childは下にないとダメ

何か追加するやつがあったらそのランがあるかどうか一度確認すること/

show filled

急にカレンダーが表示されないやつ
仮説だけど
$ flutter pub add table_calendar
This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

dependencies:
table_calendar: ^3.0.6
Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Import it
Now in your Dart code, you can use:

import 'package:table_calendar/table_calendar.dart';
これの通りにやったからかな?

乗っかるじゃなくて切り替わるの方が良さそうだけどね

deleteを長押しで消せるようにするという

https://flutter.ctrnost.com/basic/interactive/form/checkbox/
https://qiita.com/mqkotoo/items/4e5324c8f13beb8e264c

flutterの上の部分を
Table_carenderにを
locale: 'ja_JP'

titleTextStyle:
TextStyle(color: AppColors.babyPowder, fontSize: 20.0),

これで上のやつがいじれる

セキリティ一応
https://qiita.com/nakir323/items/98ac66157a1578be2798

https://tech-rise.net/difference-between-stateless-widget-and-stateful-widget/
stateful 変数を受取変更できる 動的
stateless 変数を受け取るだけ 静的

カレンダーやるならこの記事のコード参考にしてやった方がいいよ!!!
https://stackoverflow.com/questions/71078498/highlighting-dates-in-flutter-calendar

ボタングレーアウト
https://www.choge-blog.com/programming/flutterbutton-enabled-disabled/

Discussion

ログインするとコメントできます