Flutter ListViewで常にスクロールバーを表示するサンプル

2023年9月20日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
Scrollbar(
isAlwaysShown: true,
child: ListView(xxx),
),
ListViewをScrollbarでラップします。
Scrollbarの引数「isAlwaysShown」に「true」を指定します。
ListViewで常にスクロールバーを表示するには、Scrollbarを使います。

使用例

class _CftMyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          width: 150,
          height: 150,
          child: Scrollbar(
            isAlwaysShown: true,
            child: ListView(
              children: [
              　処理コード
              ],
            ),
          ),
        ),
      ),
    );
  }
}