问题标签 [flutter-appbar]

我在我的颤振应用程序中添加了AppBar 。我的屏幕已经有一个背景图像，我不想在其中设置 appBar 颜色或不想为 appBar 设置单独的背景图像。

我也想向 appBar 显示相同的屏幕背景图像。

我已经尝试将 appBar 颜色设置为透明，但它显示的颜色像灰色。

示例代码：

所以我有一个包含多个页面的 Flutter 应用程序，这是通过PageView. 在这个页面视图之前，我创建了我的AppBar，所以它在应用程序的顶部是持久的，并且在页面之间滚动时不会动画。然后我想在其中一个页面上创建一个底部应用栏，但为此我需要访问应用栏元素，但是我不知道如何执行此操作。

这是主类，我试图在其上编辑应用栏的页面是PlanPage.

这个PlanPage类看起来像这样

然而，它现在的工作方式使其显示 2 个应用栏。 [

我是 Flutter 的新手，我想知道您是否可以帮助我找到解决问题的方法。

我有一个带有标签视图的脚手架，我想在主应用栏中创建一个过滤器（操作按钮）来管理标签。

main 和 child 都是 StatefulWidgets

这是我的主页代码：

儿童页面：

我不知道在哪里放置 appbar 的操作以从主页更改孩子身体上的文本。

我正在关注一个流行的颤振教程，我似乎是唯一一个遇到这个问题的人，这也让导师感到困惑。

问题：图片不按照官方文档显示。

解决方法：在引用文件的小部件中添加尾随“./”。

问：为什么会这样？

pubspec.yaml 代码：

没有尾随'./'的代码

带有尾随'./'的代码

我正在尝试创建一个具有 WebView 的屏幕（来自webview_flutter: ^0.3.5+3）和一个AppBar我想在用户滚动时滚动到屏幕外的屏幕。

我偶然发现了这个指南并尝试实现类似的东西，但没有骰子。
有没有办法WebView在CustomScrollViewwith中使用 aSlivers或者这还不支持？

SliverChildListDelegate如果我在我的（我尝试过Row，等）中创建常规小部件，我可以让滚动应用栏工作Text，Container但没有运气使用WebView.

欢迎任何指针/建议/RTFM。

编辑赏金

jordan-davies 提供的解决方案有效，但非常不稳定。每当SliverAppBar滚动离开时，都会WebView尝试调整自身大小以填充剩余的视口。这会导致非常不稳定/缓慢的体验。

有没有更好的办法？

我最近尝试在没有 AppBar 或至少完全不可见的情况下为我的菜单滑块保留一个汉堡包图标。第一次尝试是使用 SafeArea，但它清空了 Scaffold。然后我尝试将不透明度设置为 0.0，如下面的代码所示。但它给出了与 SafeArea 相同的结果，而 Scaffold 上没有任何内容。请问有人可以帮忙吗？

I'd basically like to have a TabView navigation in the middle of my page. To do so I used a SliverAppBar inside a NestedScrollView. My SliverAppBar is only composed by my TabView, I wrapped my TabView inside a SliverAppBar in order to used the pinned: true propriety.

It does the trick, my problem is I'd like to hide/remove this SliverAppBar that wrapped my TabBar:

我的目标是在用户向下滚动时更改应用栏的颜色和不透明度。

我的逻辑是：

• 滚动偏移量 = 0：appbar 为红色，不透明度 = 1
• 0 < 滚动偏移 < 40 : appbar 为蓝色，不透明度 = 0.4
• 40 <= 滚动偏移：appbar 为蓝色，不透明度与滚动偏移成正比

我想出了以下代码：

它按预期工作，但随着用户界面的复杂化而变得滞后。在我的示例中，我使用的是 GradientAppbar：https ://github.com/joostlek/GradientAppBar

当我将 AppBar 添加到我的程序时，它会在 AppBar 下方显示一个空白区域，该空白区域本质上是一个空白行。当我删除 AppBar 时，空间行不存在。空间行非常明显，破坏了应用程序的外观。有没有一种方法可以让 AppBar 没有空间并且不使用我自己的小部件来实现它？

代码：

我尝试开发颤振应用程序。在这个应用程序中，我使用带有用户图标的 Appbar 来导航另一个页面。

现在我点击了那个图标（人形图标）它显示错误。

.

通过互联网，它没有适当的文档。我找不到答案。我的源代码是

这是导航类

我仍然无法修复该错误，我遵循了一些文档和堆栈溢出问题。

颤振文档

Github问答

Stackoverflow 问答