Flutter 颤振：如何在ListView的右侧添加滚动条？

我和弗利特一起工作。我想在

ListView

右侧添加一个类似于网页滚动条的滚动条，但我没有找到任何相关属性。这可能吗？基本代码已准备就绪，可供您参考

ListView(
     scrollDirection: Axis.vertical,
     children: <Widget>[
        // I will put some HTML code here,
     ],
),

ListView(
滚动方向：轴垂直，
儿童：[
//我会在这里放一些HTML代码，
],
),

您可以使用

滚动条

小部件包装

列表视图

  
ScrollBar(
 isAlwaysShown: true, // optionel
 child: ListView(
       scrollDirection: Axis.vertical,
       children: <Widget>[
        // I will put some HTML code here,
       ],
    ),
 ),

滚动条(
isAlwaysShown:true，//optionel
子：ListView(
滚动方向：轴垂直，
儿童：[
//我会在这里放一些HTML代码，
],
),
),

您可以使用

滚动条

小部件包装

列表视图

  
ScrollBar(
 isAlwaysShown: true, // optionel
 child: ListView(
       scrollDirection: Axis.vertical,
       children: <Widget>[
        // I will put some HTML code here,
       ],
    ),
 ),

滚动条(
isAlwaysShown:true，//optionel
子：ListView(
滚动方向：轴垂直，
儿童：[
//我会在这里放一些HTML代码，
],
),
),

如果您想要定制滚动条，或者您也可以使用内置的Flitter滚动条小部件，那么有一些软件包可用

我认为最好使用

CupertinoScrollbar

而不是滚动条

CupertinoScrollbar

is可以触摸并滚动到底部

Ex:

CupertinoScrollbar(
            isAlwaysShown: true,
            controller: _scrollController,
            child: ListView.builder(
                controller: _scrollController,
                itemCount: 100,
                itemBuilder: (context, index) {
                  return Card(
                      child: ListTile(
                    title: Text("Item: ${index + 1}"),
                  ));
                }),
          ),

或您可以使用

滚动条

final ScrollController _scrollController = ScrollController();

Scrollbar(
            isAlwaysShown: true,
            controller: _scrollController,
            child: ListView.builder(
                controller: _scrollController,
                itemCount: 100,
                itemBuilder: (context, index) {
                  return Card(
                      child: ListTile(
                    title: Text("Item: ${index + 1}"),
                  ));
                }),
          ), 

---

如果您想要定制滚动条，或者您也可以使用内置的Flitter滚动条小部件，那么可以使用这些包

我认为最好使用

CupertinoScrollbar

而不是滚动条

CupertinoScrollbar

is可以触摸并滚动到底部

Ex:

CupertinoScrollbar(
            isAlwaysShown: true,
            controller: _scrollController,
            child: ListView.builder(
                controller: _scrollController,
                itemCount: 100,
                itemBuilder: (context, index) {
                  return Card(
                      child: ListTile(
                    title: Text("Item: ${index + 1}"),
                  ));
                }),
          ),

或您可以使用

滚动条

final ScrollController _scrollController = ScrollController();

Scrollbar(
            isAlwaysShown: true,
            controller: _scrollController,
            child: ListView.builder(
                controller: _scrollController,
                itemCount: 100,
                itemBuilder: (context, index) {
                  return Card(
                      child: ListTile(
                    title: Text("Item: ${index + 1}"),
                  ));
                }),
          ), 

---

谢谢，CupertinoScrollbar很有用。谢谢，CupertinoScrollbar很有用。