修正: Xcode 16 と Flutter 3.x で Failed to build iOS app
60 秒で直す方法: Flutter を 3.24.4 以降にアップグレードし、Podfile のプラットフォームを iOS 13 に上げ、Pods と DerivedData を消してから pod install を実行します。エラーが Dart コードにあることはまれです。
タグ: flutter
99 件 · ページ8/10
修正: Unhandled Exception: FormatException: Unexpected character — Dart で JSON をパースしているとき
30 秒で直す: レスポンスボディはあなたが思っている JSON ではありません。生のバイトを出力し、utf8.decode(response.bodyBytes) でデコードし、HTML のエラーページや BOM 付きの文字列を絶対に jsonDecode に渡さないでください。
修正: pubspec.yaml の Version solving failed
30 秒で直す方法: エラーの 'because' チェーンを読み、pub を行き詰まらせている 1 つの制約を見つけ、その制約を緩めるか、dependency_overrides エントリを追加します。flutter clean から始めないでください。
修正: A RenderFlex overflowed by N pixels (Flutter)
30 秒でできる修正: あふれた子ウィジェットを Expanded または Flexible でラップします。その後、Row と Column が黙ってクリッピングしない理由、制約なしの constraints の意味、どのレイアウトにどの修正が合うかを残りで解説します。
Flutter 3.44 が Material と Cupertino を SDK から切り離し、SwiftPM をデフォルト化
Flutter 3.44 stable は SDK 内の Material と Cupertino を凍結し、新規の作業を pub.dev 上の material_ui と cupertino_ui パッケージに誘導します。SwiftPM も iOS と macOS のデフォルトとなり、CocoaPods はついに引退します。
Flutter アプリを GetX から Riverpod へ移行する方法
実際の Flutter アプリで GetX から Riverpod 3.x への段階的な移行を解説します。GetxController から Notifier、.obs から派生プロバイダー、Get.find から ref.watch、Get.to から go_router、さらに snackbar、テーマ、テストまで。Flutter 3.27.1、Dart 3.11、flutter_riverpod 3.3.1 で動作確認済み。
DevTools で Flutter アプリの jank をプロファイルする方法
Flutter 3.27 で jank を発見して修正するための手順ガイド: profile mode、Performance overlay、Frame Analysis タブ、CPU Profiler、raster と UI スレッド、シェーダーのウォームアップ、Impeller 固有の落とし穴。Flutter 3.27.1、Dart 3.11、DevTools 2.40 で検証済み。
Flutter アプリで Material 3 ColorScheme を使ってアクセントカラーを設定する方法
2026 年における Flutter での Material 3 アクセントカラー設定の正しい方法: ColorScheme.fromSeed、colorSchemeSeed のショートカット、7 種類の DynamicSchemeVariant、ダークモード、Android 12 以降での dynamic_color、ブランドカラーの調和。Flutter 3.27.1 と Dart 3.11 で検証済みです。
プラグインなしで Flutter にプラットフォーム固有コードを追加する方法
プラグインを書かずに Flutter 3.x アプリから Android (Kotlin) と iOS (Swift) のネイティブコードを呼び出します。MethodChannel、EventChannel、BasicMessageChannel、StandardMessageCodec の型対応表、スレッドのルール、それでもプラグインに分があるケースまで解説します。
CPU バウンドな処理のために Dart の isolate を書く方法
async/await では足りないとき: Dart の isolate を起動して CPU バウンドな処理を UI スレッドの外で実行します。Isolate.run、Flutter の compute、SendPort/ReceivePort を使った長寿命ワーカー、境界を越えられるもの、そして JS/web での注意点。Dart 3.11 と Flutter 3.27.1 で検証済みです。