この記事の対象者 以下の方が読んで勉強・コピペできる記事になってます。 DartやFlutterで正規表現を使ってみようという方 基本的な正規表現を覚えたい方 実際のユースケースでの正規表現を知りたい方 どうせ正規表現を暗記できない明日の自分 正規表現とは パターンマッチングの一種 正規表現を使えば、通常の文字列検索より複雑で色々な検索を行うことができます。見つかった文字列を処理したり、新しい文字 […]
したかったこと 現在の携わっているFlutterのプロジェクトは、もともとデザイン中心のテンプレートからアプリ開発を行っている。ボタンが横丸かつ微妙にグラデーション掛かってて、おしゃれで、デザイン的には気に入っている。ただ、内部的にはContainerをGestureDetectorでラップしているため、ボタンを無効にする、というボタン特有の行為ができない。そこで、デザインをそのままで、ボタンと機 […]
エラーの内容 Flutterで他の方が作ったソースを実行していると、以下のエラーが発生した。 Tickers used by AnimationControllers should be disposed by calling dispose() on the AnimationController itself. Otherwise, the ticker will leak. 問題点と解決方法 […]
目的 FlutterでFreezedを使っていると、Listはunmodifiableになります。そのリストの要素を削除するときの処理はどうすればよいかな、と考えたメモです。もちろん、unmodifiableなListを変更するのではなく、unmodifiableなListから新しいListを生成するだけです。新しいListを元の項目に設定し直します。 サンプルコード イメージ的には、住所リスト […]
誰のためか DartやFlutterでURLエンコードやURLデコードをしたい人向けです。 URLエンコードとは、ブラウザのURL欄に日本語とか空白とかが入ったときに「%1G」みたいな文字の羅列に変換するやつです。 結論 色々探しましたが、結局coreに入ってました。 Uri.encodeFullとUri.decodeFullを使います テストコード
目的 Flutter 3.0 になってからかどうかは定かではありませんが、とりあえず「Do not use BuildContexts across async gaps」という警告が出るようになりました。この記事では、その理由と解決方法を記載します。 問題 以下のようなソースをStatefulWidgetのStateに書くと、「Do not use BuildContexts across as […]
問題点 Flutter 3.0にアップデートしたら、以下のような警告が大量に発生するようになった。 /c:/flutter/.pub-cache/hosted/pub.dartlang.org/macos_ui-1.3.0/lib/src/labels/tooltip.dart:241:20: Warning: Operand of null-aware operation '!' has typ […]
要件 スマホアプリの背景に画像を使いたい 画面が縦でも横でも、背景一杯に画像を出したい。 Widgetはスマホのノッチ（切り込み）に被らないようにしたい。 実装 解説 背景とメインコンテンツのレイヤーを作成する Stackを使って、背景とメインコンテンツを重ねる child: Stack( children: [ Container( 画像を表示する BoxFit.coverで、画面が縦でも横でも […]
Dart2.17.0がリリースされました。私は以下のような記事を作成して、Javaっぽいenumができることを期待してました。 enhanced-enumsで実現できるかな、と期待しましたが、半分しかできませんでした。が、通常の使い方では非常に便利になります。 実装例 まず、enhanced-enumsの実装とテストの例は、以下の通りです。注意点は コンストラクタをconstにする メンバー変数は […]
グラスモーフィズム(Glassmorphism)とはなにか ・2021年のデザイントレンドのひとつ ・曇りガラスのような質感を表現 詳しくは、「【グラスモーフィズム】デザインをつくってみた。」をご参照ください。こちらのデザインをFlutterで再現します。こちらのデザインを再現しているつもりです。大事なことなので、二回言いました。 べた書きで実装 雑な解説 Scaffoldに背景を出す Scaff […]
