向 CustomScollView 添加滚动条

Question

我一直在试图弄清楚如何将滚动条小部件添加到 CustomScrollView。通常只需将 ListView 或 ScrollView 与 Scrollbar Widget 一起包装，传入相同的 ScrollController 和boom，它就会被渲染。

这是一个最小的代码块。

CustomScrollView(
            slivers: [
              SliverAppBar(
                title: Hero(
                  tag: 'title',
                  child: RichText(
                    text: TextSpan(
                      children: [
                        TextSpan(
                          text: 'Not',
                          style: TextStyle( fontSize: 20, fontWeight: FontWeight.w500),
                        ),
                        TextSpan(
                          text: '3s',
                          style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500),
                        )
                      ],
                    ),
                  ),
                ),
              ),
              SliverList(
                delegate: SliverChildBuilderDelegate(
                  (context, index) {
                    return Container(); })));

Answer 1

我得到了它。

创建一个_scrollController。

将 CustomScrollView() 包装在 ScrollBar() 小部件中。

将 CustomerScrollView 和 ScrollBar 的控制器：参数设置为 _scrollController。

final _scrollController = ScrollController();
return Scaffold(
  body: Scrollbar(
    controller: _scrollController,
    isAlwaysShown: true,
    child: CustomScrollView(
      controller: _scrollController,
      slivers: <Widget> [
        ...

根据需要进行修改。