【Flutter】SingleChildScrollViewで常にスクロールバーを表示する【2025年版】

こんにちは、フリーランスエンジニアの太田雅昭です。

SingleChildScrollView

Flutterは、スクロールバーにも常に気を使わないといけません。スクロール可能にするためには、ウィジェットをSingleChildScrollViewで囲む必要があります。

常にスクロールバーを表示

以下のように、Scrollbarで囲み、thumbVisibilityを指定します

Scrollbar(
  thumbVisibility: true,
  child: SingleChildScrollView(
    child: XXX,
)),

なお2025年1月21日現在、isAlwaysShownは廃止されています。