CATEGORY

Flutter標準

  • 2023年1月5日

[Flutter] BottomSheet(ボトムシート)の表示とチップス

BottomSheetは、画面下から伸びてきて、何らかの入力を求めるWidgetです。私が実際にBottomSheetを使用してみて、疑問に思って検索して分かったことを汎用性の高い形式のソースを作成してまとめています(デザイン的には、アレですが)。 この記事で分かることは、以下の通りです。 基本的な表示方法とボトムシートのサイズ(長さ?)の指定、結果の使い方 ボトムシートは、showModelBo […]

  • 2022年12月22日
  • 2022年12月20日

Flutter を main.dart 以外から起動

「Flutter Advent Calendar 2022」に参加させて頂きます!22日目です。 はじめに Flutterって、main.dart以外からも起動できるって知ってましたか?Flutterを2年以上弄ってて、初めて気がつきました。 これで、ブログ用とかのサンプルコード毎にプロジェクトを作ったりレポジトリを作ったりしなくてすむ! 方法 ターミナルのプロジェクトのルートにて。 flutte […]

  • 2022年12月20日
  • 2022年12月19日

【Flutter】Material 3 での基本的な色設定

「Flutter Advent Calendar 2022」に参加させて頂きます!20日目です。 useMaterial3をtrueに設定してしまったためか、いまいちテーマに馴染みがないためか、初期設定に迷いました。色々なホームページを見ていても、どこそこの色がどこに反映される、とかマニアックなものはいくつかありました。しかし、それ以前の基本的なテーマでの色の設定とダークモードの対応が分からなかっ […]

  • 2022年9月17日
  • 2022年9月17日

【Flutter】横丸でグラデーションのあるボタンを作った

したかったこと 現在の携わっているFlutterのプロジェクトは、もともとデザイン中心のテンプレートからアプリ開発を行っている。ボタンが横丸かつ微妙にグラデーション掛かってて、おしゃれで、デザイン的には気に入っている。ただ、内部的にはContainerをGestureDetectorでラップしているため、ボタンを無効にする、というボタン特有の行為ができない。そこで、デザインをそのままで、ボタンと機 […]

  • 2022年4月10日
  • 2022年4月10日

Flutter のパッケージ関連のコマンド

Flutterのパッケージ関連(flutter pub)のコマンドに関するメモ。 パッケージを追加 flutter pub add [package名] 開発用のパッケージ追加 flutter pub add [package名] --dev テストやソースの自動生成など実行時に未使用なパッケージの追加に使用する。pubspec.yamlのdev_dependenciesに追加される。 パッケージ […]

  • 2022年3月23日
  • 2022年3月23日

[Flutter]RowのMainAxisAlignmentとCrossAxisAlignmentの組み合わせ

FlutterでRowを使用していると、MainAxisAlignmentとCrossAxisAlignmentの組み合わせがよく分からなくなる。GoldenTestをするついでに、上記の全ての組み合わせのRowを一つの画像にしてみました。 組み合わせの画像 まとめ ということで、一覧の画像でした。CrossAxisAlignment.baselineとCrossAxisAlignment.str […]

  • 2022年3月22日
  • 2022年3月22日

Flutterで、なるはやで画像をキャッシュする

Flutterで画像を遅延少なく表示するために事前に読み込む機能 precacheImage がある。使用したので、メモを残します。 アプリ起動時に読み込む 画面単位で読み込む 画面が表示されたときにすぐに表示したい場合は、didChangeDependenciesで実施する(initStateではcontextができていない) 参考 【Flutter】画像を先に読み込んでおいて瞬時に表示する(I […]

  • 2021年12月5日
  • 2022年12月11日

【2022年12月版】Flutterの多言語対応のベストプラクティスとハマりどころ

この記事はFlutter Flutter #2 Advent Calendar 2021 3日目の記事です。 Flutterのアプリを多言語化対応するための私なりのベストプラクティスとハマった箇所を記録します。多言語対応、意外と簡単だ、というブログを結構見かける。しかし、実際やってみると、苦労したので残しておきます。ハマるのは、私だけなのかなぁ、、、 公式はちょっと古くてよく動かんし、他のブログも […]