问题标签 [flutter-sliver]

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 回答
1694 浏览

flutter - 有弹性的标题效果

我正在寻找这样的标题效果:

有弹性的标题

具体来说,我想要这样当用户在 iOS 上过度滚动时,图像应该缩放以填充额外的空间。然后,在 Android 和 iOS 上,当用户开始向下滚动屏幕时,标题应该会以视差效果滚开。

我在这里从这个包中提取了上面的屏幕视频:https ://github.com/gskbyte/GSKStretchyHeaderView

另一个例子可以在这里找到:https ://medium.freecodecamp.org/tutorial-creating-stretchy-layouts-on-ios-using-auto-layout-3fa974fa5e28

我在玩SliverPersistentHeaders 和FlexibleSpaceBars 但我无法完全按照我想要的方式获得这种效果。

0 投票
3 回答
6330 浏览

flutter - Flutter SliverAppBar 与 Tabs 覆盖内容

我已按照本教程(https://medium.com/@diegoveloper/flutter-collapsing-toolbar-sliver-app-bar-14b858e87abe)创建带有 TabBar 的 CollapsingToolbar。

问题是当我滚动正文的内容时会覆盖 tabBar。

这是代码:

和代表:

对此有任何想法吗?

0 投票
2 回答
2082 浏览

flutter - 防止 FlexibleSpaceBar 在折叠和浮动为真时隐藏

为了在用户向上滚动时扩展我的灵活空格键,我在相应的 SliverAppBar 上将浮动设置为 true。但是当弹性空格键被折叠时,它的不透明度会从 1 变为 0:

在此处输入图像描述

我的代码如下

如果我仍然想要浮动效果,如何防止我的灵活空格键在折叠时隐藏?

0 投票
3 回答
1949 浏览

flutter - 当用户在颤动中向下滚动 tab1 时,如何防止在 tab2 上自动向下滚动?

SliverAppBar我使用、SliverPersistentHeader和. 创建TabView了一个屏幕ListView

如果我在 tab1 中向下滚动,tab2 会自动向下滚动。因此,如果我切换到 tab2,则列表不是从第一项开始。我怎样才能防止这种情况?

我创建了简单的演示应用程序来演示这个问题,你可以看看这个gist

画面初始状态: 1

如果我滚动 tab1 如下所示: 2

当我滚动 tab1 时,Tab2 自动向下滚动如下所示: 3

0 投票
0 回答
1273 浏览

api - 在颤振中创建可重用的功能组件

我想在flutter中创建一个可重用的服务组件,在react-native中,我们可以通过belove代码来实现。

使用服务组件。

服务.dart

我试图创建 statlessWidgets 但得到很多错误。我创建了需要返回小部件的服务类,但我想返回 JSON 数据。

任何人都知道我如何在颤振中存档相同的东西。

0 投票
2 回答
23464 浏览

flutter - Flutter tabsView 和 NestedScrollView 滚动问题

我有一个包含多个“TabView”小部件的“NestedScrollView”,每个选项卡都有一个列表构建器。问题是,当我滚动浏览特定选项卡中的一个列表时,滚动位置会影响其他选项卡中的所有其他列表。

即使我确实将“ScrollController”添加到每个列表视图(在选项卡中),选项卡滚动内的 listBuilder 也会与“NestedScrollView”分开,这是一个示例代码:

0 投票
1 回答
653 浏览

flutter - Flutter:多层堆栈中顶层的自定义滚动视图

是否有一个颤振小部件可以像我们在谷歌地图中看到的那样滚动,其中顶层(即卡片列表)在底层(即地图)上滚动。而当顶层不遮挡底层时,底层也像地图一样“难以处理”。像这样的东西https://gfycat.com/pastelgenerousgoosefish(在 10:30 秒标记)。

如果没有可用的小部件,我将如何实现这样的滚动效果?

我一直在尝试使用条子,但它不允许我创建这样的效果,或者我还没有找到它。

0 投票
1 回答
16434 浏览

flutter - 颤振条容器

我是新来的,我无法实现我想要的布局。

我有一个带有 3 个标签的 sliverAppBar。其中一个选项卡的内容必须是由一个具有固定大小(以图像作为背景)的容器和一个 ListView 组合而成的 ScrollView。

我尝试使用 CustomScrollView 来执行此操作,但我不知道如何创建容器,因为它不是条子。

你能为我指出正确的方向吗?

问候,迭戈。

0 投票
2 回答
1142 浏览

flutter - NestedScrollView TabBar下的Flutter Gridview不起作用

这是我的结构:-

当我滚动我的网格视图标签栏时不会折叠..但是普通文本会很好地工作......

这是仪表板代码 这是我的网格视图

0 投票
1 回答
3502 浏览

flutter - 如何降低 Cupertino Sliver 导航栏的高度,使其看起来像带有可滚动主体的普通 Cupertino 导航栏

我试图摆脱代码片段中 CupertinoSliverNavigationBar 中的可折叠空间。我不希望 largeTitle 属性在那里,但不幸的是 CupertinoSliverNavigationBar 需要它。因此,我通过放置一个高度为 0.0 的空 Container 小部件来解决它,就像您在 sliver App Bar 中将可扩展高度设置为 0.0 一样,以便为 android 设计提供不可扩展的高度。但是,对于 CupertinoSliverNavigationBar,它不起作用,因为它留下了一个空的可扩展空间。我正在尝试实现一个纤细的库比蒂诺风格的导航栏。我不能使用 CupertinoNavigationBar,因为我正在使用 CustomScrollView 小部件,因为滚动内容和颤动在这种用例中需要 CupertinoSliverNavigationBar。

有谁知道解决这个约束的方法?我想要一个纤细的条形/不可折叠的可滚动内容。