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

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

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

0 投票
0 回答
56 浏览

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

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

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

0 投票
0 回答
15 浏览

flutter-layout - 我在颤动中遇到 SliverAppBar 和 tabbarView 和 listView 的问题

请帮助我如何建立这个页面

0 投票
0 回答
171 浏览

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

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

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

代码

结果

在此处输入图像描述

预期结果

在此处输入图像描述

0 投票
0 回答
54 浏览

flutter - 网页在颤动中不可滚动

我使用 CustomScrollview->SliverAppBar->SliverFillRemaining->WebView。出现的问题是网页不可滚动。当我删除 SliverAppBar 时,它可以正常工作。但是当使用 SliverAppBar 时它不能正常工作。我应该如何解决这个问题?

0 投票
0 回答
20 浏览

flutter-layout - Flutter SliverAppBar 内容一致?

我正在尝试创建一个AppBar在已经折叠时会显示一些内容并在展开时显示更多内容的内容。

我现在拥有的:

在此处输入图像描述

期望的结果是红色和蓝色容器在 SliverAppBar 折叠时保持可见,而在展开时绿色容器显示出来。

我努力了:

我也尝试过使用 来完成这项工作SliverPersistentHeaderDelagate,但也没有运气:

甚至可以用SliverAppBaror来实现这一点SliverPersistentHeaderDelegate吗?

0 投票
2 回答
300 浏览

flutter - 如何创建具有上部固定和下部浮动元素的 SliverAppBar?

所以我想创建一个 SliverAppBar 上部固定并始终显示。即使未到达列表顶部,下部也必须浮动并出现在向下滚动时。

让它对我有用的唯一方法是在彼此之上添加 2 个 sliverappbars,但我觉得这不是最好的方法。那么这将如何正确完成呢?

所以在视觉上,这就是我正在寻找的,我只是不确定实施。

在此处输入图像描述

0 投票
1 回答
81 浏览

flutter - 在 Flutter 中使用 TabBar 和 SliverChildListDelegate

我需要在我用 Flutter 开发的应用程序的屏幕上添加一个 TabBar,但我要添加的地方是 SliverAppBar 的底部。我怎样才能做到这一点?

altKisim() 包含一个列。

在此处输入图像描述

有没有办法添加到这个代码片段或者我必须完全改变构建?因为我发现的所有解决方案都表明我需要更改它。

0 投票
1 回答
30 浏览

flutter - 如何使用expandedHeight:0从左到中为标题栏(条子)设置动画?

我尝试在 Internet 上搜索解决方案,但当前可用的每个解决方案都具有一些扩展高度。

我正在寻找一种解决方案,只需在滚动时将 SliverAppBar 的标题移动到应用栏的中心。

我想知道是否应该使用 AnimatedWidget 还是有更简单的解决方案?

欣赏一些例子和指导。

0 投票
1 回答
49 浏览

flutter - 如何将卡片小部件放在 SliverAppBar 中?

我是 Flutter 的初学者。我正在尝试制作这样的小部件。不幸的是,我仍然在努力实施它们。我尝试在容器中使用灵活的空格键并进行一些对齐。但它并没有如我所愿。有没有办法把那张卡放在 SliverAppBar 上?这是我的代码。

标头.dart

是结果