Dart 如何在Flatter中拥有滚动条视图？

我想有一个滚动条视图，如图中所示

那么，我怎样才能使用颤振呢

我试过了

SingleChildScrollView(
  ....
),

但是没有出现滚动条，我不知道如何使它们成为您可以使用的滚动条

publispec.yaml

dev_dependencies:
  flutter_test:
    sdk: flutter
  draggable_scrollbar: 0.0.4

守则：

import 'package:flutter/material.dart';
import 'package:draggable_scrollbar/draggable_scrollbar.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  ScrollController _rrectController = ScrollController();
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Test",
      home: Scaffold(
        body: Center(
          child: DraggableScrollbar.rrect(
            controller: _rrectController,
            backgroundColor: Colors.blue,
            child: ListView.builder(
              controller: _rrectController,
              itemCount: 100,
              itemExtent: 100.0,
              itemBuilder: (context, index) {
                return Container(
                  padding: EdgeInsets.all(8.0),
                  child: Material(
                    elevation: 4.0,
                    borderRadius: BorderRadius.circular(4.0),
                    color: Colors.green[index % 9 * 100],
                    child: Center(
                      child: Text(index.toString()),
                    ),
                  ),
                );
              },
            ),
          ),
        ),
      ),
    );
  }
}

结果是：

颤振现在有了小部件。 只需使用

滚动条

包装或任何小部件即可

代码示例：

类主页扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
正文：滚动条(
//子对象也可以是SingleChildScrollView、GridView等。
子项：ListView.builder(
物品计数：20，
itemBuilder：（上下文，索引）{
返回列表块(
标题：文本（“索引$Index”），
);
},
),
),
);
}
}

---

滚动条（本周的小部件）：

你可以找到你的答案，我正试图用flutter来做