広告

Flutterラボの

プレミアム会員になる

【Flutter】#2アプリ開発ドキュメンタリー

2021.10.25

10/10からYouTubeライブ新企画『アプリ開発ドキュメンタリー』を開始しました。
毎週日曜日にライブ配信内で、新規プロジェクト作成からリリースまですべてライブで公開します。
ただ開発をするのではなく、コードの解説を交えながら進めていきますので是非ご覧いただければと思います!

↓アーカイブ映像はこちら


前回(#1)の内容。

#2で開発した内容

今回はCustomPainteterを用いて、エミュレータ上で絵を描く機能を実装しました。
undoやredo機能を実装する方法が直ぐには思い付かなかったので、こちらの記事を参考にさせていただきました。
基本的にこの通り実装すれば良かったのですが、null-safetyには対応していなかったので、まずはそこを修正しました。
【例】

  _PaintData({
  //requiredをつけて呼び出し元が値を渡すことを強制する
   required this.path,
 }) : super();

また、単色でしか絵を描けないようだったので、複数色で描けるようにコードを書き換えました。

画像2

まとめ

今回は、ホワイトボード機能を実装しました。次回はSharedPreferenceを使って、色の情報を端末保存できるように改良していきたいと思います。それではまた次回お会いしましょう!​

Flutterラボ 現役エンジニアが教えるFlutter学習! プログラミング初心者でもiOS・Android・WEBアプリ開発を学ぶことがで www.youtube.com



Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)