【问题标题】:How Do I Stop the scrollbar of Gridview.builder from showing in flutter如何阻止 Gridview.builder 的滚动条在颤动中显示
【发布时间】:2021-11-29 17:41:32
【问题描述】:

我在 Rawscrollbar 中有一个 Gridview,滚动时两个滚动条都显示。 我想要的只是要显示的 rawscrollbar,我该怎么办?

@override
 Widget build(BuildContext context) {
   return Expanded(
     child: RawScrollbar(
       thumbColor: customAppColors.secondaryColor,
       isAlwaysShown: true,
       child: GridView.builder(
         padding: EdgeInsets.all(10),
         shrinkWrap: true,
         gridDelegate: SliverGridDelegateWithFixedCrossAxisCountAndFixedHeight(
           crossAxisCount: 3,
           crossAxisSpacing: 3,
           mainAxisSpacing: 3,
           height: 170,
         ),
         itemBuilder: (_, index) {
           return Card();
         },
         itemCount: list.length,
       ),
     ),
   );
 }

【问题讨论】:

  • @pskink 请问我该怎么做?我还是个新手
  • 阅读ScrollBehavior官方文档
  • 这个答案可能对你有帮助link
  • @HosamHasan 非常感谢你,它解决了它
  • 我很高兴你解决了它,继续努力????

标签: android flutter flutter-layout flutter-web


【解决方案1】:

我通过使用 ScrollConfiguration 小部件解决了这个问题,并将 Grid 视图滚动条小部件设置为 false

见下面的代码

@override
  Widget build(BuildContext context) {
    return Expanded(
      child: RawScrollbar(
        controller: _scrollController,
        isAlwaysShown: true,
        thickness: 5,
        radius: Radius.circular(20),
        thumbColor: Colors.yellow,
        child: ScrollConfiguration(
          behavior: ScrollConfiguration.of(context).copyWith(
            scrollbars: false,
          ),
          child: GridView.builder(
            padding: EdgeInsets.all(10),
            shrinkWrap: true,
            controller: _scrollController,
            gridDelegate:
                SliverGridDelegateWithFixedCrossAxisCount(),
            itemBuilder: (_, index) {
              return Card(

              );
            },
            itemCount: list.length,
          ),
        ),
      ),
    );
  }

【讨论】:

    猜你喜欢
    • 2021-11-13
    • 2020-10-21
    • 2011-04-10
    • 1970-01-01
    • 2021-11-03
    • 2021-10-06
    • 2021-06-20
    • 2020-12-10
    • 2019-05-05
    相关资源
    最近更新 更多