Flutter Listview显示滚动条

Flutter Listview显示滚动条 在Flutter中，ListView 默认自带滚动条（滚动指示器）。如果你需要自定义滚动条的行为或样式，可以通过一些配置来实现

如果你需要自定义滚动条，比如改变它的颜色或厚度，可以使用Scrollbar和SingleChildScrollView。不过请注意，ListView已经集成了滚动功能，直接使用Scrollbar需要配合SingleChildScrollView来包裹整个可滚动的内容

 
import 'package:flutter/material.dart';
 

class CategoryPage extends StatefulWidget {
  const CategoryPage({super.key});

  @override
  State<CategoryPage> createState() => _CategoryPageState();
}

class _CategoryPageState extends State<CategoryPage> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child:  Scrollbar(
          thumbVisibility: true, // 控制滚动条的可见性
          trackVisibility: true, // 控制滚动条轨道的可见性
          thickness: 8.0, // 滚动条的厚度
          radius: const Radius.circular(8.0), // 滚动条的圆角
          controller: null, // 如果需要更高级的滚动控制，可以传入一个ScrollController
        
          child: SingleChildScrollView(
            child: Column(
              children: List.generate(100, (index) {
                return ListTile(
                  title: Text('Item $index'),
                );
              }),
            ),
          ),
        ),
      );
    
  }     
    
  
}