Flutter Tips and Tricks

iOSアプリのアイコン作成＆指定をしてみたので作成〜適用までの最短ルートをご紹介します。 アイコンを作る iOS18から、アプリアイコンの見た目をライト、ダーク、淡色にカスタマイズできるようになりました。（ライト以外って誰か使ってるんだろうか） そのため、アイコンも3種類用意する必要があります。 サイズは、1024x1024で作ればOKです。 なんと、Apple公式がテンプレを配布してくれていました（Figma、Photoshop、Sketch）。さすがApple。（ただ、そこまでこだわるわけじゃなければサイズ以外は参考にならないかも... developer.apple.com まず、ノーマ…

Snackbarを実装したので実装例をご紹介します。 Demo 方針 画面遷移時にSnackbarが急に消えるような体験にしたくなかったため、アプリケーション全体で共通のSnackbarWidgetを表示できるようにします。 また、ViewではなくControllerあるいはViewModel側のエラーハンドリング内で表示ロジックを書くようにしました。そうすることで、関心が分離し、テストが書きやすくなる＆実装漏れが防ぎやすくなります。 今回は、riverpodで SnackbarState 状態をもつProviderを作成し、その変更をアプリケーション全体で監視するようにしました。 実装 Pr…

この記事について image_pickerとは 実装について なんか動かない。。。 調査 謎 最後に この記事について いいコードはいい心から 最近、ネイティブアプリの勉強してみたいなと思い、flutterを触っています。Webアプリとは別物だなと感じ、色々な壁にぶち当たっては怪我ばかりしているのですが、今回はその中の１つです。image_pickerというライブラリについてです。こちら、OSのバージョンによって使い方が少し異なるので注意です。今回はAndroid側で問題が起こったので、まとめました！Flutter、、、仲良くしたい、、、 image_pickerとは 画像ライブラリから画像を…

こんにちは。 前回、前々回と縦並び、横並びについて書いてきました。 qkuronekop.hatenablog.jp ↑Column()について。 qkuronekop.hatenablog.jp ↑Row()について。 本日はスクロールについて書いていきたいと思います。 はみだし 上の画像のように横に沢山要素を並べていくといずれはみ出します。 はみ出さずに沢山並べるにはどうしたらいいでしょうか？ そうです！ スクロールさせます。 Before import 'package:flutter/material.dart'; class HomeScreen extends StatelessW…

こんにちは。 最近、Flutter流行ってきてるなぁと思う今日この頃です。 私自身はそろそろFlutterのお仕事を始めて3年くらいになります。 最近はブログなんかのドキュメントも充実し始めているかと思いますが、日本語のFlutter記事の普及に貢献したいと思いますので、私もFlutterに関する事をぼちぼち書いていこうと思います。 初級編と題しまして、簡単なUIから始めていこうかと思います。 これを機にFlutter使ってみたいと思う人が増えてくれると嬉しいです。 まずは初級編その１の前にFlutterで文字を表示するWidgetにText()というものがあります。 Text()は第一引数に…

以下の環境はWindows11, WSL2 ですが、 macOS Ventura でも同様でした。 flutter commands から色が消える 通常flutter doctor を実行すれば次のように色のついた状態で内容が表示されると思う。 だがこれをfvm 経由で実行すると色が表示されない。 調べたところfvm のissue で次のようなコメントが見つかった。 引用すると、 I did some digging and it looks like all coloring done by flutter (ie. not pub, since it is external) passe…