【Flutter】AnimatedTextKitでテキストが更新されない問題の解決方法 1度目のアニメーションはいいのですが、2度目以降同じAnimatedTextKitを使ってテキストだけ変更して画面のリビルドがされても、アニメーションが発動せず、テキストも変わりません。 リピート回数を1にしているせいかと思い、to...

Flutterにおいてテキストをタイプライターやテレビのクイズ番組の問題文のアニメーションのように、時間差で少しずつテキストを表示する方法。iOS/Android共通で使えます。animated_text_kitパッケージを使って簡単に解決することができます。サンプルコードのとおり、AnimatedTextKitのan...

Flutter開発者におすすめの書籍５選です。iOS/Androidモバイルアプリエンジニア向けにFlutter（Dart言語）を学習するのにおすすめの本を５つ紹介します。初心者だけでなく中級者にも十分で最新の環境構築方法や、Riverpodなどの状態管理についても触れられています。ハンズオン用にサンプルコードが充実し...

FlutterのTabBarにて左側に余白（パディングかマージン）が入るようになった。右端は問題なく、左端のみにpadding（margin）が入る。 FlutterのSDKバージョンを上げたためと思われる。v3.16系に上げたことで、TabBarのtabAlignmentプロパティが追加されており、タブの配置をカスタ...

ListViewやGridViewなどのリストをそのまま使っても、デフォルトではスクロールバーは表示されない。 スクロールバーがないと、スライドでコンテンツを移動した際に、全体のどのくらいの位置に移動したのかがわかりにくくなる。 スクロールバーを表示するためには、ScrollbarウィジェットでWrapするとよい。UI...

Flutterによるアプリ開発で動作確認する場合、実機やXcodeのシミュレーター、Androidのエミュレーターで確認することになりますが、デバッグビルドした場合には、画面右上に「DEBUG」という帯が表示されてしまいます。 このDEBUG表示はコード1行で簡単に非表示にすることができます。 アプリリリース時にも表示...

FlutterのRiverpodにて「Bad state: No ProviderScope found」エラーが発生。詳細には「The relevant error-causing widget was: xxPage xxPage:file:///path/main.dart:20:19 When the exce...

Androidのカメラ起動時にエラー発生 「 Unhandled Exception: PlatformException(no_available_camera, No cameras available for taking pictures., null, null)」 実機およびエミュレーターで発生。 カメラボ...

スライダーウィジェットのラベルの表示を消す方法。（Material Design slider widget） スライダーのトグルを押している間に、トグル上部に値が吹き出し（ポップアップ）表示されます。省略やnullだとエラー「'!_needsLayout': is not true.」になります。SliderThem...

Flutterのpub getでパッケージインストールをした際に「It looks like pub.dartlang.org is having some trouble. Pub will wait for a while before trying to connect again.」エラーが発生。その他、pub...