Question 1

アニメーション中にピッカーが閉じられた際に、CupertinoPicker のタップ選択で発生する "StateError: Bad state: No element" クラッシュを修正する方法

Accepted Answer

これは、`_CupertinoPickerState._handleChildTap` における Flutter フレームワークの競合状態（flutter/flutter#192135）です。300ms のタップで選択するアニメーション（`_kCupertinoPickerTapToScrollDuration`）の後、ウィジェットがまだマウントされているかを確認せずに、コードが `FixedExtentScrollController.selectedItem` を読み取ります。中央から外れた位置へのタップから 300ms 以内にピッカーが破棄された場合（例：選択時に親がピッカーを非表示にする、または短い終了アニメーションを持つモーダルがポップされる場合）、`selectedItem` にはアタッチされたポジションがなく、`Bad state: No element` がスローされます。Flutter 3.27.0 から少なくとも 3.47.2 まで影響します。

修正が適用されるまでの回避策（PR flutter/packages#13012）：

1. ピッカーがアニメーションより長く存続するよう破棄を遅延させる — 選択変更後、非表示/ポップする前に 300ms 以上待機します：
```dart
Timer(const Duration(milliseconds: 350), () {
  if (mounted) Navigator.of(context).pop();
});
```
注：`showCupertinoModalPopup` のバリアのタップは、デフォルトでは安全です。その 335ms の終了トランジションが 300ms のアニメーションより長く存続するためです。

2. フレームワークにローカルでパッチを適用する — `packages/flutter/lib/src/cupertino/picker.dart`（または flutter/packages の `cupertino_ui`）内の await 後のコードをガードします：
```dart
await _effectiveController.animateToItem(
  index,
  duration: _kCupertinoPickerTapToScrollDuration,
  curve: _kCupertinoPickerTapToScrollCurve,
);
if (!mounted) return;          // add this guard
_enableHapticFeedback = true;
_lastHapticIndex = _effectiveController.selectedItem;
```

3. 最終手段として、`PlatformDispatcher.instance.onError` を介してエラーをグローバルにキャッチし、`_handleChildTap` からの `StateError` を無視します。

Question 2

Flutter vector_mathでMatrix4のパースペクティブ変換（setEntry(3, 2, ...)）がX/Y回転に適用されないのはなぜですか？

Accepted Answer

これはバグではなく、行列の想定された動作です。フラットなウィジェットはどこでも z = 0 となるため、最下行にパースペクティブ項があるだけでは w = 1 となり、除算するものがありません。また、`setRotation()` はパースペクティブを回転ブロックに折り込まずに、回転ブロックを置き換えてしまいます。動作する修正方法は2つあります:

1. まずパースペクティブを適用してから回転させます。これにより、回転がパースペクティブ項を w に折り込みます:
```dart
Matrix4.identity()
  ..setEntry(3, 2, 0.001)
  ..rotateX(x)
  ..rotateY(y);
```

2. Matrix4 を直接構築し、パースペクティブの強度を回転の第3列に掛け合わせます（Flutter チームにより動作確認済み）:
```dart
return Matrix4(
  r00, r10, r20, perspectiveStrength * r20,
  r01, r11, r21, perspectiveStrength * r21,
  r02, r12, r22, perspectiveStrength * r22,
  xTranslation,
  yTranslation,
  zTranslation,
  perspectiveStrength * zTranslation + 1,
);
```
注意: `Matrix4.compose()` や `setEntry(3, 2, ...)` の後に `setRotation()` を呼び出しても、X/Y 回転にパースペクティブは生成されないため、上記のいずれかの方法を使用してください。

Question 3

Flutter webでアクセシビリティ（semantics）を有効にするとTextFieldがフォーカスを失うのはなぜですか？また、どのように修正すればよいですか？

Accepted Answer

原因: 祖先の `Theme` が、以前のものと等しくならない `ThemeData` で再ビルドされると（例: `build` 内でインラインで `WidgetStateProperty.resolveWith` を作成している場合 — これには `==` のオーバーライドがありません）、`ScrollableState.didChangeDependencies` がスクロールポジションを再作成します。これによりセマンティクスのロールが `scrollable` と `generic` の間で入れ替わり（`hasImplicitScrolling` は `position.haveDimensions` が true になった場合にのみ設定されるため）、Web エンジンが DOM 要素を再追加し、`document.activeElement` が `` に移動してしまうため、タイピングが `

Question 4

`flutter test --platform chrome` が "loading" のまま永遠にハングするのはなぜですか？また、どうすれば修正できますか？

Accepted Answer

これはFlutterのWebテストサーバーのバグです（Flutter 3.41.7で確認済み）。サーバーはリクエストに対して `host.dart.js` の部分文字列チェックでマッチングを行うため、ファイル名が `host.dart` で終わるライブラリ（例: `foo_host.dart`、`ghost.dart`）は `foo_host.dart.js` にコンパイルされ、これもマッチしてしまいます。サーバーは実際のモジュールの代わりにテストホストバンドルを返し、モジュールローダーが `TypeError: Cannot read properties of undefined` をスローし、ランナーはエラーもタイムアウトもなく、CPU使用率がほぼゼロのまま無期限に待機します。

修正方法:
1. Flutterをアップグレードする: このハングはFlutter 3.47.4 stableでは再現しません。`flutter upgrade` を実行し、その後 `flutter test --platform chrome` を再実行してください。
2. アップグレードできない場合の回避策: ライブラリファイルのベース名が `host.dart` で終わらないようにリネームし（例: `foo_host.dart` -> `foo_host_api.dart`）、すべてのインポートを更新してください。このようなスイートが1つあるだけでテスト実行全体が停止するため、プロジェクト内のすべてのライブラリファイルを確認してください。

診断のヒント: 停止したテストページをChrome DevToolsで開いてください。`/<path>/foo_host.dart.js` へのリクエストが `/static/host.dart.js`（約638 KBのdart2jsホストバンドル）とまったく同じバイト列を返す場合、このバグに遭遇しています。

Question 5

なぜ長い Flutter Semantics ラベルが、Flutter web の iOS Safari 上で他のボタンへのタップを妨げるのですか？

Accepted Answer

これはFlutter webエンジンのバグです。不可視のsemanticsノードの長い折り返されたラベルが、その要素のボックスよりはるか下にはみ出し、Safariのネイティブなヒットテストに関与するため、視覚的に下にあるウィジェット（例：後のsliver内のボタン）をタップすると、上のsemanticノードがターゲットになり、代わりにそのコールバックが発火します。修正はPR #194011に含まれています。これを含むFlutterリリースにアップグレードしてください（Flutter 3.47.1で報告された時点ではまだレビュー中で、安定版リリースには含まれていなかったため、マイルストーンについてはPRを確認してください）。それまでは、再現環境で観察された緩和策として、Web上ではアクセシビリティラベルを短く保つ（折り返されないラベルはオーバーフローを回避します）、またはレイアウトを再構成します。個別のSliverToBoxAdapterをColumnに置き換えると、正しいスタッキング（z-index）とヒットテストが得られました。semanticsを無効にしても回避できますが、アクセシビリティが失われるため、実用的な回避策ではありません。

flutter

概要

README プレビュー

FAQ (5)

同类型项目

tensorflow

superpowers

everything-claude-code

transformers