问题标签 [flutter-sliverappbar]

I tried to use Flutter SliverAppBar within CustomScrollView but that doesn't work as I want.

我一直在研究 SliverAppBar、CustomScrollView、NestedScrollView、SliverPersistentHeader 等。我找不到一种方法来构建类似 Instagram 用户个人资料屏幕标题的东西，其中只有标签栏被固定。屏幕的主体是一个 TabBarView，每个窗格都有一个可滚动的列表。

使用 SliverAppBar，很容易在底部参数中添加 TabBar。但我想在该 TabBar 上方有一个未知/可变高度的额外小部件。当页面滚动时，额外的小部件应该滚动出去，然后 TabBar 是固定在屏幕顶部的。

我所能管理的只是标签栏和固定标签栏之前的固定内容。我无法让标题向上滚动并将TabBar顶部粘贴在AppBar.

在我的应用程序SliverPersistentHeader中，我有一个父级和内部我想有另一个SliverList，SliverPersistentHeader我在下面有一个伪代码，我得到

应用父数据时引发以下断言。: ParentDataWidget 的使用不正确。

ParentDataWidget Expanded(flex: 1) 想要将 FlexParentData 类型的 ParentData 应用于 RenderObject，该 RenderObject 已设置为接受不兼容类型 ParentData 的 ParentData。

通常，这意味着 Expanded 小部件具有错误的祖先 RenderObjectWidget。通常，扩展小部件直接放置在 Flex 小部件内。有问题的 Expanded 当前放置在 RepaintBoundary 小部件中。

接收到不兼容父数据的 RenderObject 的所有权链为： RepaintBoundary ← NotificationListener ← GlowingOverscrollIndicator ← Scrollable ← _NestedScrollViewCustomScrollView ← Builder ← _InheritedNestedScrollView ← NestedScrollView ← Expanded ← RepaintBoundary ← </p>

════════ 渲染库捕获的异常═══════ RenderBox 未布局：RenderNestedScrollViewViewport#e9060 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE 'package:flutter/src/rendering /box.dart'：断言失败：第 1785 行 pos 12：'hasSize' 相关的导致错误的小部件是：
NestedScrollView file:///C:/Users/mahdi/AndroidStudioProjects/instacheeta/lib/nested.dart:41： 26═════════════════════════════════════════════════ ═════

错误，当我尝试删除Expanded小部件时，我得到另一个错误。

我该如何解决？

我正在尝试使用来自值的引用以编程方式折叠或展开SliverPresistantHeader 。shrinkOffset我到处寻找如何实现这个功能，但我找不到任何解决方案（所以我在这里问）。

这是我的自定义SliverP ResistanceHeaderDelegate的代码：

到目前为止，我还没有找到任何解决方案来实现这一点，仍在网上冲浪。

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

没有风格

应用样式

这是应用样式的代码：

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

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

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

谢谢。

我想实现一个浮动 AppBar，底部有一个固定的 TabBar。以下是测试代码（dartPad）：

}

我发现向下滚动时它会在 TabBar 上有一个顶部填充。有什么办法可以去掉那个空间吗？我已经设置了 SliverAppBar 的工具栏高度，但即使我降低高度，该空间也会保留在那里。

向上滚动（显示应用栏）：

向下滚动（隐藏 appbar，顶部黄色不隐藏）：

我想在我的 SliverAppBar 中垂直居中标题。我在互联网上找到了一个解决方案，您将空容器放在标题上方和下方，以便文本居中，但问题是当您向上滚动并且只有小应用栏时，您看不到更多标题，因为空容器太大。我已经将我的标题水平居中，但我也需要它垂直居中。有谁知道这个问题的解决方案？

这是我目前的代码：

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

但是我有两个问题SliverAppBar，

1）标题栏隐藏滚动

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

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

在CodePen 上

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