flutter-sliver相关内容

如何在颤动的滚动视图中将容器或任何其他小部件固定在应用栏下方

我希望在滚动屏幕时将小部件放置在应用下方.屏幕包含一个具有灵活空间的浮动应用栏 (sliverappbar),在其下方有一个容器,其中包含任何容器或选项卡视图.链接中的视频就是我想要的效果示例. 解决方案 好吧,我想我现在明白你了.您需要实现一个 CustomScrollView CustomScrollView(条子:[SliverAppBar(//你的应用栏在这里),Sli ..

如何让 SliverPersistentHeader “过度生长"?

我在我的 CustomScrollView 中使用了一个 SliverPersistentHeader 来拥有一个在用户滚动时会收缩和增长的持久标头,但是当它达到其最大尺寸时,它会感觉有点僵硬,因为它不会“过度生长". 这是我想要的行为的视频(来自 Spotify 应用)和我的行为: . 解决方案 在寻找解决这个问题的方法时,我遇到了三种不同的解决方法: 创建一个 Sta ..
发布时间:2022-01-23 11:58:28 其他开发

使 SliverAppBar 具有图像作为背景而不是颜色

我有一个带有背景图片的 SliverAppBar. 折叠时,它有蓝色作为背景: 但我希望它在折叠时显示背景图像,而不是蓝色: 我怎样才能做到这一点? 我已经尝试为应用栏设置透明背景色,但它没有用. 代码: 无效的主要()=>运行应用程序(我的应用程序());MyApp 类扩展 StatelessWidget {var scrollController = Scrol ..

列内的 ListView 导致“垂直视口被赋予无界高度"

我是 Flutter 的新手,并且在布局方面遇到了问题. 我想要这样的东西: 一个粘性标题和它下面的滚动视图.我想过使用带有两个孩子的 Column 小部件 - 第一个是标题,第二个是 ListView. 这是我的代码 小部件构建(BuildContext 上下文){返回材料(海拔:8.0,孩子:列(crossAxisAlignment:CrossAxisAlignment. ..
发布时间:2022-01-23 11:47:27 移动开发

flutter - 在灵活空间中使用重叠内容滚动应用栏

我正在尝试使用颤振在灵活空间中重新创建具有重叠内容的应用栏滚动. 这里演示了行为: http://karthikraj.net/2016/12/24/scrolling-behavior-for-appbars-in-android/ 我已经使用 SliverAppBar 创建了折叠 AppBar,使用我在此处粘贴的代码,我正在尝试创建 这个 我无法使用 Stack,因为我 ..

Flutter tabsView 和 NestedScrollView 滚动问题

我有一个“NestedScrollView",其中包含多个“TabView"小部件,每个选项卡都有一个列表构建器.问题是当我滚动浏览特定选项卡中的一个列表时,滚动位置会影响其他选项卡中的所有其他列表. 即使我确实将“ScrollController"添加到每个列表视图(在选项卡中),选项卡滚动内的 listBuilder 也会与“NestedScrollView"分离这是一个示例代码: i ..
发布时间:2022-01-23 11:41:43 其他开发

Flutter:如何使 ListView 对指针事件透明(但不是它的非透明内容)?

我有一个 Scrollable(ListView 或任何其他),它包含一个透明小部件,例如 Container(height:200).我可以通过小部件和可滚动查看(换句话说,我可以看到可滚动后面的小部件). 我怎样才能点击透明小部件和可滚动小部件,以便到达可滚动小部件后面的小部件? ListView(孩子们: [容器(高度:200),//透明.容器(颜色:Colors.red,高度:20 ..
发布时间:2022-01-23 11:36:50 其他开发

Flutter 中具有 Snap 效果的水平滚动卡片

我想创建一个水平滚动的卡片列表,当从左侧或右侧滑动时,卡片会带有对齐效果. 每张卡片之间都有一些间距,适合屏幕,类似于下图 除此之外,这些可水平滚动的列表元素应包含在可垂直滚动的列表中. 在 Flutter 文档中遵循示例之后,我所能实现的只是显示水平滚动卡片列表. 类 SnapCarousel 扩展 StatelessWidget {@覆盖小部件构建(BuildContext ..

如何创建有界可滚动的 TabBarView

我需要在 Flutter 中实现如下布局. 当用户滚动时,我希望整个布局滚动(隐藏标题和标签栏).但是,我不能将 TabBarView 嵌套在 ListView 中,因为 TabBarView 没有限定高度,并且 ListView 不为其子级提供限定高度. 我已经看到了这些问题,但对于这个用例,所有问题的答案都不令人满意: 如何在带有 Flutter 的 Scrollable V ..
发布时间:2022-01-18 22:05:18 其他开发

如何创建有界可滚动 TabBarView

我需要在 Flutter 中实现以下布局. 当用户滚动时,我希望整个布局滚动(隐藏标题和标签栏).但是,我不能将 TabBarView 嵌套在 ListView 中,因为 TabBarView 没有有界高度,而 ListViews 没有为其子项提供有界高度. 我已经看到了这些问题,但对于这个用例,所有这些问题的答案都不令人满意: 如何在带有 Flutter 的可滚动视图中创建具有 ..
发布时间:2021-12-06 23:53:39 其他开发

如何使用 tabBar 实现 sliverAppBar

flutter 文档显示了 SliverAppBardemo/code> + TabBar + TabBarView with ListView 使用NestedScrollView,有点复杂,不知道有没有简单明了的方法实施它.我试过这个: CustomScrollView条子:SliverAPPBar底部:标签栏标签栏视图孩子:MyWidget(列表或普通小部件) 出现错误: flut ..
发布时间:2021-12-06 23:53:12 其他开发

Flutter 如何检查 Sliver AppBar 是展开还是折叠?

我正在使用 SliverAppBar在 Flutter 中,带有背景小部件. 问题是当它展开时,标题和图标(引导和动作)应该是白色以便正确查看,并且当它折叠时,它们应该改为黑色. 关于如何从中获得 bool 的任何想法?或其他解决此问题的方法. 谢谢. class SliverExample 扩展 StatefulWidget {最终的小部件背景小部件;最终的 Widget b ..
发布时间:2021-12-06 23:49:11 其他开发

在颤动中具有 Snap 效果的水平可滚动卡片

我想创建一个水平滚动的卡片列表,从左或右滑动时具有对齐效果. 每张卡片之间都有一些间距,适合屏幕,类似于下图 除此之外,这些可水平滚动的列表元素应包含在可垂直滚动的列表中. 我所能实现的只是在遵循 flutter docs 中的示例之后显示水平滚动卡列表. class SnapCarousel 扩展 StatelessWidget {@覆盖小部件构建(BuildContext ..

向下滚动时隐藏的 Flutter TabBar 和 SliverAppBar

我正在尝试创建一个带有顶部应用程序栏和下方标签栏的应用程序.当您向下滚动时,栏应通过移出屏幕而隐藏(但选项卡应保留),当您向上滚动时,应用栏应再次显示.这种行为可以在 WhatsApp 中看到.请参阅这个 演示视频.(取自 Material.io).这个是一个类似的行为,虽然应用栏和标签栏在滚动时隐藏,所以这不是我正在寻找的行为. 我已经能够实现自动隐藏,但是,有几个问题: 我必须将 ..
发布时间:2021-12-06 23:28:38 移动开发

Sliver Appbar [Collapsing Toolbar] 在 Flutter 中从左到中心动画标题

这是我用于折叠工具栏的构建方法:- @override小部件构建(BuildContext 上下文){返回安全区域(孩子:自定义滚动视图(控制器:控制器,条子:[SliverAppBar(固定:真实,扩展高度:appBarHeight,领先:图标按钮(图标:图标(Icons.arrow_back_ios,颜色:Colors.black,),onPressed: () =>空值,),浮 ..