问题标签 [flutter-sliverappbar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
145 浏览

flutter - sliverappbar的颤动底部让1像素的背景

我有一个小问题,有时会在我的标题中显示一个 1 像素条,如下图所示。

我的代码如下。第一个函数只是为用户计算滚动以获得漂亮的动画。1 像素被蓝色包围。如果有人能解决这个问题,我会非常自豪^^'...

在此处输入图像描述

0 投票
0 回答
13 浏览

flutter - Tabbarview 子项在选项卡顶部滚动

这是涉及持久的银色应用栏的代码

容器的内容(在 tabbarview 中)在选项卡顶部滚动。我正在寻找的是它在标签后面滚动。我希望标签在应用栏下方保持不变,这可以正常工作。但唯一的问题是 tabbarview 的内容在选项卡的顶部滚动。一旦滚动开始,选项卡的背景就会变得透明

0 投票
2 回答
1297 浏览

flutter - 如何在 SliverAppBar 中为项目的位置设置动画以在关闭时围绕标题移动它们

我对 Appbar 有这些要求,但我找不到解决它们的方法。

  • 拉伸时,AppBar 必须显示两个图像,一个在另一个之上,并且标题必须被隐藏。
  • 关闭时,AppBar 必须显示标题,并且两个图像在滚动时必须按比例缩小并移动到标题的两侧。滚动时标题变为可见。

我创建了几个模型来帮助获得所需的结果。

这是拉伸时的 Appbar:

在此处输入图像描述

这是关闭时的 Appbar:

在此处输入图像描述

0 投票
0 回答
92 浏览

flutter - 如何在颤动中仅在 SliverAppBar 的灵活空间中给出底部边框半径?

我想要一个 sliverAppBar像这样的圆形底部边框。

在此处输入图像描述

但折叠时不应四舍五入。像这样。

在此处输入图像描述

我尝试了很多解决方案,但找不到任何东西。

提前致谢。

0 投票
2 回答
405 浏览

flutter - 为什么 SliverFillRemaining 膨胀太多?

我正在尝试制作一个对其高度做出反应的 SliverAppBar,根据它是否扩展显示不同的内容。

我基于https://medium.com/flutter-community/flutter-sliverappbar-snap-those-headers-544e097248c0,但我遇到了一个问题:

列表末尾的空白区域太长了。

如果项目数量很多,则不需要删除 SliverFillRemaining,但是将其更改numberOfItems 为例如 3 个项目(而不是 30 个),则需要 SliverFillRemaining。

查看此 dartpad 的代码:https ://dartpad.dev/2c434ddf2d4d1e87bd4b421f0a673c2d

0 投票
1 回答
177 浏览

flutter - Flutter Sliver AppBar 主色

这是一个 Sliver AppBar。

应用栏

如何更改后退箭头的颜色?

我不想设置leading: Icon(Icons.arrow_back, color: Colors.red),因为(我相信)Sliver AppBar 具有根据上下文调整引导图标的好属性。

0 投票
0 回答
250 浏览

flutter - Flutter web,SliverAppBar浮动不起作用

我试图在颤动的 web 上有一个浮动的 SliverAppBar,但是只有当我滚动到屏幕顶部时才会显示 SliverAppBar。它在 Android 上运行良好。我的代码是:

0 投票
0 回答
56 浏览

flutter - 如何通过 MaterialApp 的主题参数设置 SliverAppBar 的 Title 样式?

如果我想通过 MaterialApp 主题参数设置常规应用栏标题的样式,我会执行以下操作:

但是,我似乎无法弄清楚如何为 SliverAppBar 做同样的事情。我知道您可以简单地设置分配给 SliverAppBar 小部件中 title 参数的 Text 小部件的样式,但我正在尝试查看是否可以从应用程序的自定义主题中获得相同的结果。

0 投票
0 回答
33 浏览

flutter-sliver - 条子持久标头的折叠子项的问题

下面是带有折叠子项和展开子项的 sliver 持久标头的代码。当滚动折叠的孩子不点击,而只是显示。是堆栈的问题,有没有办法解决它。我相信它来自 Stack,但我不知道如何绕过它。该类用于长条子持久标头,并且子项是折叠的子项和子项

0 投票
0 回答
171 浏览

flutter-layout - 如何在 SliverAppBar Flutter 上自定义搜索栏

我是新来的。我想在 SliverAppBar 上自定义一个搜索小部件。

向上滚动时,我希望它显示这个搜索小部件,并带有一个灵活的几乎购物车按钮,如图所示。

代码

结果

在此处输入图像描述

预期结果

在此处输入图像描述