当前位置: 首页 > 知识库问答 >
问题:

带有粘性标题的flutter DraggableScrollableSheet

刘建中
2023-03-14

我正在我的flutter应用程序中实现一个DraggableScrollableSheet,并希望有一个粘性头,即只有列表视图滚动,工作表的顶部部分始终保持不变。我的小部件如下所示:

SizedBox.expand(
    child: DraggableScrollableSheet(
      maxChildSize: 0.9,
      minChildSize: 0.2,
      initialChildSize: 0.3,
      expand: false,
      builder:
          (BuildContext context, ScrollController scrollController) {
        return Container(
          decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.only(
                topLeft: Radius.circular(20),
                topRight: Radius.circular(20),
              )),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Align(
                alignment: Alignment.topCenter,
                child: Container(
                  margin: EdgeInsets.symmetric(vertical: 8),
                  height: 8.0,
                  width: 70.0,
                  decoration: BoxDecoration(
                      color: Colors.grey[400],
                      borderRadius: BorderRadius.circular(10.0)),
                ),
              ),
              SizedBox(height: 16),
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 24),
                child: Text(
                  'Neuigkeiten',
                  style: TextStyle(
                      fontSize: 20, fontWeight: FontWeight.bold),
                ),
              ),
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 24),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    SizedBox(height: 20.0),
                    Text('Erfahre mehr ... '),
                  ],
                ),
              ),
              SizedBox(height: 16),
              Expanded(child: NewsList(controller: scrollController))
            ],
          ),
        );
      },
    ),
  );

基本功能可以工作,但是,只有在拖动/滚动列表视图项时,工作表才是可拖动和可滚动的。我需要做什么更改来使列中的其他小部件也是可滚动的。我尝试了滚动和拖动小部件没有解决方案。

感谢任何帮助。

共有1个答案

邵弘致
2023-03-14

视频教程说构建器应该返回一个可滚动的小部件,如SingleChildScrollViewListView。您有没有尝试使用其中之一来代替容器

 类似资料:
  • 问题内容: 我正在尝试创建一个粘性补充标题,该标题始终保持在顶部,并且不会响应滚动事件。到目前为止,我发现的解决方案仍然可以对快速滚动进行反应,并使用自定义flowLayout进行了修复,这也可能是解决我的问题的方法。 我想要这种方式的原因是该标头在其他地方使用并且应该可重用。我希望可以通过这种方式解决此问题,而不必创建单独的视图。 当我在Swift中进行此操作时,在Swift中有一个示例将是很棒

  • 问题内容: 我有以下Sass代码段,希望其中随着表的滚动而浮动。这在Safari中可以正常运行,但在Chrome中不能正常运行。 我知道Chrome一直对Chrome拥有断断续续的支持,但目前是最终的支持吗?这是Chrome的bug,还是我需要其他解决方案?(我更喜欢CSS方法而不是Javascript,因为它性能更高。) 问题答案: 位置:粘性不适用于Chrome中的某些表格元素(thead /

  • 我想知道粘性和非粘性会议之间的区别。我从网上读到的: 粘滞:只有一个会话对象将在那里。 非粘性会话:每个服务器节点的会话对象

  • 问题内容: 我正在尝试从以下网页解析标题:http : //kid37.blogger.de/stories/1670573/ 当我在title元素上使用apache.commons.lang StringEscapeUtils.escapeHTML方法时,我得到以下信息 但是,当我在我的网页中以utf-8编码显示它时,它只会显示一个问号。 使用以下代码: 如果我通过以下网站运行标题:http :

  • 我有一个组件文件夹。它们用一个文件公开,如下所示: 我有一个名为Status的JSX组件,如下所示: 它的任务是加载命名组件的行。 然后我有一个名为的组件,看起来像这样: 从'react'导入React 通过