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