kumamotone’s blog

iOS/Android アプリエンジニアです https://twitter.com/kumamo_tone

FlutterKaigi 2021 Day 1 #FlutterKaigi

YouTubeアーカイブがある(神)

www.youtube.com

一通り見たが以下の2本がとくに参考になった。

  • FlutterでのMaterial You対応の状況と今後の展望
  • Flutterにおける過不足のないセキュリティの実装

FlutterでのMaterial You対応の状況と今後の展望

speakerdeck.com

  • Material Design 2と3の違い
    • 2はブランドごと、3はユーザーごとのカスタマイズが可能になった(Material You)

Color Schemeがどう変わったか

f:id:kumamotone:20211129224806p:plain

大変そうだがKey Colorsだけ5色とりあえず決めてそこから機械的に生成すれば良い

f:id:kumamotone:20211129225235p:plain

Key Colorを決めて

f:id:kumamotone:20211129231214p:plain

ユーザーが設定している壁紙から5つのKey Colorsを抽出できる(特定のメーカーのAndroid 12端末のみ)

アプリ全体に適用する必要はなく、プロフィール画面やアカウント画面など、部分的に適用するのもアリ

f:id:kumamotone:20211129231452p:plain

Buttonに新しいタイプが加わり、形もちょっと変わった

f:id:kumamotone:20211129231535p:plain

FABがかわいくなった うれしい

f:id:kumamotone:20211129231615p:plain

2021年11月29日現在、stableにまだ全然取り込まれてない←Oh....

ThemeDataにMaterial3をOptinするためのフラグuseMaterial3は追加されていて、これをtrueにすると、Material3対応が完了しているものは3になる

f:id:kumamotone:20211129231924p:plain

Material2のものがMaterial3になるとどうなるかというのは決められているので、予め3の想定で作っておけば、dart fixコマンドであとで一括修正できる予定

色の生成にはmaterial-theme-builderが使える Androidxml ではすでに出力できる Flutter もできると嬉しい

material-foundation.github.io

Flutterにおける過不足のないセキュリティの実装

これ使えばKeyStoreに保存してくれるっぽい

pub.dev

Windows. Linux, macOS, Web の実装もある すご

若干ややこしいpath_providerの使い方も説明してくれている

apkの難読化は以下打てばできる

f:id:kumamotone:20211129231006p:plain