Flutter 在卷轴上的颤振滑动条中隐藏标题

Flutter 在卷轴上的颤振滑动条中隐藏标题,flutter,flutter-sliver,Flutter,Flutter Sliver,我有一个带有条子的CustomScrollView正在工作,但没有找到完全隐藏条子应用条顶部的方法,即,在scroll上,我想隐藏图像和标题,但显示底部: 编辑:如图所示,我希望滑动条的底部保持滚动。设置pinted:false将在滚动中隐藏这两个选项,因此对我不起作用 甚至在我添加填充之前,我希望我的标题在折叠时隐藏,如下所示: 现在它被截断了,我真的想把它隐藏起来 我看过一些帖子,你可以把标题隐藏在嵌套的滚动视图中,例如上面的gif,但是如果可能的话,我想保留我的CustomScrollVi

我有一个带有条子的CustomScrollView正在工作,但没有找到完全隐藏条子应用条顶部的方法,即,在scroll上,我想隐藏图像和标题,但显示底部:

编辑:如图所示,我希望滑动条的底部保持滚动。设置pinted:false将在滚动中隐藏这两个选项,因此对我不起作用

甚至在我添加填充之前,我希望我的标题在折叠时隐藏,如下所示:

现在它被截断了,我真的想把它隐藏起来

我看过一些帖子,你可以把标题隐藏在嵌套的滚动视图中,例如上面的gif,但是如果可能的话,我想保留我的CustomScrollView

这是我的密码:

class QuestionsScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final questionsMgr = Provider.of<Questions>(context);
    final List<Question> questions = questionsMgr.questions;

    return CustomScrollView(
      slivers: <Widget>[
        SliverAppBar(
          bottom: PreferredSize(
            preferredSize: const Size.fromHeight(0),
            child: ChangeNotifierProvider.value(
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: <Widget>[
                    ScoreText(),
                    InstructionsText(),
                  ],
                ),
              ),
            ),
          ),
          backgroundColor: questionsMgr.getScoreColor(),
          floating: false,
          expandedHeight: 225,
          pinned: true,
          title: Text(
            "Checklist",
            textAlign: TextAlign.center,
          ),
          forceElevated: true,
          flexibleSpace: FlexibleSpaceBar(
            centerTitle: true,
            background: Image.asset(
              "assets/images/PalFM_blue.jpg",
              fit: BoxFit.cover,
            ),
          ),
        ),
        SliverList(
如果希望滑动条折叠,但底部仍然可见,则可以执行以下操作:

要使滑动条展开/收缩其内容并防止其消失,请执行以下操作:

pinned: true
应用程序栏仍然可以随着用户滚动而扩展和收缩,但是 将保持可见,而不是从视图中滚动

要使滑动条的内容在滚动时显示/消失,请执行以下操作:

floating: true
应用程序栏是否应在用户滚动时立即可见 朝向应用程序栏

那么底部小部件的PreferredSize不应该是0,而是底部小部件的实际高度

如果希望滑动条折叠,但底部仍然可见,则可以执行以下操作:

要使滑动条展开/收缩其内容并防止其消失,请执行以下操作:

pinned: true
应用程序栏仍然可以随着用户滚动而扩展和收缩,但是 将保持可见,而不是从视图中滚动

要使滑动条的内容在滚动时显示/消失,请执行以下操作:

floating: true
应用程序栏是否应在用户滚动时立即可见 朝向应用程序栏

那么底部小部件的PreferredSize不应该是0,而是底部小部件的实际高度

将SliverAppBar的底部属性设置为PreferredSize小部件。将此底部小部件的preferredSize属性设置为0 Size.fromHeight0,这样当小条折叠时,小条应用条的高度将成为应用条的高度


将SliverAppBar的底部属性设置为PreferredSize小部件。将此底部小部件的preferredSize属性设置为0 Size.fromHeight0,这样当小条折叠时,小条应用条的高度将成为应用条的高度。

是的,但这也会隐藏小条应用条的底部。如我的图片和gif所示,我想保留它。我会更新我的OP。谢谢你的想法,但浮动只控制AppBar收缩的时间,但它永远不会收缩到比我的图片小,标题被切掉,不管它是真是假。谢谢你的建议。阻止了标题被截断。显然,这无助于隐藏标题com。您是否将这些更改应用于问题的代码?因为它对我有用。对不起。我说错了。浮动=真/固定=真几乎有效。问题是,我需要仅当到达列表顶部时才展开AppBar的floating=false行为。floating=true可以在列表中的任何位置展开AppBar,这对我来说都不适用。我面临类似的问题,@buttonnsrtoys你找到解决方案了吗?是的,但这也隐藏了SliveAppBar的底部。如我的图片和gif所示,我想保留它。我会更新我的OP。谢谢你的想法,但浮动只控制AppBar收缩的时间,但它永远不会收缩到比我的图片小,标题被切掉,不管它是真是假。谢谢你的建议。阻止了标题被截断。显然,这无助于隐藏标题com。您是否将这些更改应用于问题的代码?因为它对我有用。对不起。我说错了。浮动=真/固定=真几乎有效。问题是,我需要仅当到达列表顶部时才展开AppBar的floating=false行为。floating=true可以在列表中任何不适合我的地方扩展AppBar。我面临类似的问题,@buttonnsrtoys您找到解决方案了吗?