问题标签 [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 回答
66 浏览

flutter - 如果在 Flutter 中应用样式,SliverAppBar 标题不会褪色

我想让我的 SliverAppBar 中的标题以默认方式淡出,但是一旦我将样式应用于文本,它就会停止工作。您可以看到它在使用和不使用 TextStyle 时的行为。没有其他变化。

没有风格

应用样式

这是应用样式的代码:

0 投票
2 回答
182 浏览

flutter - 仅在用户拉伸时显示 SliverAppBar

我想创建一个仅在用户拉伸它时才显示的 SliverAppBar。我来了这么远:

我拍了一张截图来展示我想做什么

0 投票
0 回答
728 浏览

flutter - Flutter 自定义 SliverAppBar

我想了解是否有办法让默认的 sliver 应用栏看起来更像我在网上找到的这个设计。

在此处输入图像描述

PS:我熟悉这样做的默认方式,但在这种情况下使用颤振的广泛可定制的小部件似乎是个问题。

这就是我所做的。似乎没有办法使底部边缘变圆或实现非默认的 sliver 应用栏行为。

谢谢。

0 投票
0 回答
794 浏览

flutter - 如何使用底部重叠组件制作固定的 SliverAppBar 标题

我正在尝试使用CustomScrollViewand低于输出Slivers

在此处输入图像描述

但是我有两个问题SliverAppBar

1)标题栏隐藏滚动

2) SliverAppBarbottom属性在滚动时溢出。

到目前为止,这是我的代码。我已在 CodePen 和此处添加了最低代码,因此任何人都可以直接访问它。

CodePen 上

0 投票
1 回答
81 浏览

android - Flutter FlexibleSpacebar在Android上没有拉伸

我复制了 Flutter 页面中有关使用FlexibleSpaceBar类的示例代码,以便在 iOS 和 Android 上进行检查。它在 iOS 中按预期工作,但在 Android 中没有延伸。它可以工作的Android版本是否存在兼容性问题,或者是否需要执行其他步骤?

0 投票
1 回答
407 浏览

flutter - setState 不更新 UI

我正在使用一个CustomScrollView并尝试在SliverAppBar操作中添加一个类似的按钮,通过点击它,它的形状会发生变化。我正在内部进行更改setState。但尽管调用了 build 方法,但 UI 并未更新。

0 投票
0 回答
369 浏览

flutter - 如何在 SliverAppBar 和 SliverList 上堆叠 Circle Avatar?

例子


我想实现上面的设计

我用条子做了一些这样的事情

我尝试在我的 sliver 列表中添加堆栈,但 Circle Avatar 显示在应用栏后面。
我们如何才能实现这样的设计或实现它的替代方法。

0 投票
0 回答
88 浏览

flutter - 如何在颤动中扩展的 sliverappbar 内制作个人资料图片

我需要一种头像照片小部件,当我向下滚动时,它会变成一个旁边有用户名的圆圈,当我向上滚动时,它会变大并在其下方显示用户名,就像旧版本的三星一样联系人应用程序。

0 投票
0 回答
20 浏览

flutter - Flutter SliverAppBar 只有 TabBar

在此处输入图像描述

所以我想创建一个条子应用栏但只有一个标签栏,我尝试设置高度但它不起作用

这是我的代码:

0 投票
1 回答
104 浏览

flutter - SliverHeader 行为管理

我的颤振应用程序有NestedScrollView一个headerSliverBuilder.

SliverAppBar在这个builder里面是这样的:

现在,滚动时的行为有点奇怪。我希望它可以滚动整个 SliverAppBar,包括flexibleSpace. 但这就是发生的事情:

在此处输入图像描述

它在我的标题的橙色部分下方滚动,然后滚动到上面的选项卡部分。选项卡部分消失的那一刻,橙色部分也消失了。呵呵..

当我从向下滚动中恢复条形时也是如此。然后橙色部分就在原地出现,顶部滑入。我想让它全部滑入。

自上次颤振更新以来,我的整个行为都发生了变化。

有谁知道我需要做些什么来实现我的预期行为?

这是我这个简单示例的完整代码:https ://github.com/nietsmmar/SliverHeaderTest/tree/master/flutter_app