问题标签 [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 投票
1 回答
36 浏览

flutter - 如何在 SliverAppBar 和 SliverList/Grid 之间添加一个额外的小部件?

我想在我的 SliverAppBar 和 SliverList 之间添加一个类似的项目。我尝试使用常规行,但它一直抛出异常。我知道 SliverPadding,所以我想知道是否有类似的东西。任何帮助将不胜感激。

图像

0 投票
0 回答
70 浏览

flutter - 在 NestedScrollView 中使用 Scrollbar 的正确方法是什么?

我试图在每个选项卡中使用NestedScrollView++ with ,但是水平滑动时引发异常SliverAppBarTabViewScrollbar

在通知 AnimationController 的状态侦听器时引发了以下断言: PrimaryScrollController 当前附加到多个 ScrollPosition。

我尝试用 包裹ScrollbarPrimaryScrollController异常消失但外部控制器和内部控制器不再同步;我尝试添加ScrollControllerNestedScrollView然后使用NotificationListener,但在快速滑倒时造成奇怪的滞后:

我的原始代码在这里:

当我放弃时一切都好Scrollbar,甚至RefreshIndicator工作正常,这真的让我很困惑......

0 投票
0 回答
47 浏览

flutter - 在 AutoTabsRouter 和嵌套的 Scaffolds 中 Flutter NestedScrollView 和 SliverAppBar 作为子级不起作用?

这是我的代码。当我向下滚动时,Appbar 保持静止。如果您需要更多代码,请告诉我。

我正在使用 auto_route 颤振,并且路由 InvestHomeRouter() 和 BonusHomeRouter() 导致其他没有自己的 appbar 并且具有 singleChildScrollviews 作为主体的脚手架。

如果子脚手架检测到任何向下滚动,我希望父脚手架隐藏 appbar。

0 投票
3 回答
129 浏览

flutter - 固定下面的布局并在颤动中的某个位置开始滚动

我正在尝试实现此链接中 gif 中的滚动行为。滚动时隐藏图像滑块,产品标题转到应用栏标题。还有一个固定按钮Add to Bag,它是固定的,但会在特定屏幕位置随布局滚动。

我可以使用vising visibility_detector显示和隐藏Add to Bag按钮。滚动缓慢时其工作但快速滚动时按钮不可见。

我只能做到这一点

在此处输入图像描述

我试过如下:

我只能做到这一点

0 投票
0 回答
42 浏览

flutter - SliverAppBar 向上滚动时隐藏灵活空间

我有一个带有标题、FlexibleSpace 和底部标签栏的 SliverAppBar

当我向下滚动时,SliverAppBar 消失(右),当我向上滚动时,SliverAppBar 再次出现在顶部(也右)。没关系。

但是当 SliverAppBar 再次出现时,我试图只显示 AppBar 和底部小部件而不显示灵活空间。

只有当我滚动回屏幕顶部时,它才会再次出现。

那可能吗?谢谢

0 投票
1 回答
139 浏览

flutter - SliverAppBar with TabBar and SliverList inside CustomScrollView 导致: ScrollController 当前附加到多个 ScrollPosition

拥有一个SliverAppBarTabBar一个项目列表会导致滚动控制器抱怨。

我已经通过以下方式实现了它,有一个包含NestedScrollViewa 的SliverAppBar,一个SliverPersistentHeader包含 theTabBar的主体,然后NestedScrollView是包含TabBarViewwith SliverListsinside的主体CustomScrollViews

滚动控制器似乎会导致问题。它说它附加到多个视图。所以我尝试为每个自定义滚动视图添加一个新的滚动控制器,但这会阻止 sliver 应用栏在滚动列表本身时折叠。

除此之外,它也不记得切换标签时的滚动状态......我试过使用AutomaticKeepAliveClientMixin,但这似乎不起作用。关于如何解决滚动问题和滚动控制器状态的任何建议都会受到欢迎?:)

另请注意:我仅在 Flutter Web 上进行测试,而不是在移动设备上进行测试...

我不知道这是我的代码中的错误还是颤振中的错误。

请参阅下面的颤振医生:

滚动控制器抛出的异常如下:

下面是我的代码:

0 投票
1 回答
29 浏览

flutter - 当 Sliver App Bar 折叠时,不希望 AppBar 中出现圆角

我正在尝试实现一个布局,其中 Sliver App Bar 在展开时具有圆角底角,但是当它折叠时我不想要那些圆角。

实际行为:

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

预期行为:

在此处输入图像描述

在此处输入图像描述

这是我的 SliverAppBar 代码:

0 投票
0 回答
28 浏览

flutter - 当 sliverAppBar 折叠并在颤动中展开时,是否可以添加两个不同的背景图像?

折叠的 AppBar 的背景图片

大家好!我想为 SliverAppBar 添加两个不同的图像。一个用于应用栏折叠时,一个用于扩展应用栏。在上图中折叠的应用栏。下图为扩展的应用栏。 扩展的 SliverAppBar 的背景图像

我怎样才能做到这一点?以及如何制作动画图像以平滑地从展开到折叠并反向传输?请帮忙!

0 投票
1 回答
25 浏览

flutter - FlexibleSpaceBar 副标题文本对齐

我试图让我的 FlexibleSpaceBar 中的两个文本项左对齐。问题是,第一个文本项的长度正在为第二个文本项添加填充,将其推到右侧。因此,主标题中的字符串越长,子标题显示的越远。任何帮助,将不胜感激。谢谢

在此处输入图像描述

0 投票
0 回答
26 浏览

flutter - 具有堆叠行为的动画 Flutter AppBar

我想知道如何在堆栈中补间 sliverAppBar 和 listview 的高度,以从列表中创建单个元素的效果,从应用栏顶部开始,然后在滚动时,在其后面设置动画。它与具有附加堆栈高度属性动画的视差 srcoll 类似的效果这是该行为的示例动画