问题标签 [flutter-scaffold]

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

flutter - Flutter Drawer 动画曲线

有没有办法将曲线添加到颤振脚手架抽屉?例如 Curves.ElasticOut。

我考虑过扩展 Drawer 或 DrawerControllerState 类以创建允许曲线输入的自定义版本,但是似乎没有明显的方法可以做到这一点。

有一个有用的插件使用它自己的 sidemenu 类提供曲线功能,但我想使用脚手架抽屉来做到这一点,因为它似乎不应该是一个困难的扩展(替代插件https://github.com/GabrieleCicconetti /uts_sidemenu/blob/master/lib/uts_sidemenu.dart )

我已经研究了现有的 SO 问题,但找不到与此主题重复的问题,但这是我第一次在 Stack Overflow 上提出问题,如果我在这里犯了任何错误,我深表歉意。

0 投票
1 回答
99 浏览

flutter - 在flutter中,您可以设置appbar背景以根据下拉框的值进行更改吗?

我的下拉框循环通过 5 个字符串 ['blue','red','yellow','orange','grey']

我希望我的 appbar 标题是那个下拉框,并希望下拉框中的值确定 appbar 颜色

下拉列表(ddw)显示为标题,没问题。

我用这些字符串作为键和相应的颜色作为值制作了一个字典,但是我无法使用下拉列表的字符串值来更改背景。

有什么建议么?

0 投票
0 回答
307 浏览

flutter - 使用单个 Tabs 栏制作多个脚手架

我正在构建一个颤振应用程序,其中用户要求是构建 3 个选项卡,每个选项卡都有自定义 AppBar,这意味着每个视图中都有多个脚手架。

所以我有 main.dart、screen.dart、account.dart 和 post.dart

3 个选项卡 => 屏幕、帐户和帖子
屏幕视图 => 仅名称
帐户视图的应用栏 => 带有汉堡图标的应用栏
帖子视图 => 带有加号图标的应用栏

根据flutter我们可以在Scaffold Widget里面有Appbar和Bottom Navigation Bar(Tabs Bar)。所以要拥有多个脚手架,我必须制作 3 个单独的底部导航栏,还是有其他方法可以实现此功能?

此外,如果我们需要为每个 Scaffold 创建 3 个不同的底部导航栏,那么如何在它们之间导航,因为我的第一个视图将从 main.dart 调用

感谢您提供帮助并抽出时间来回答问题。

0 投票
2 回答
2685 浏览

flutter - 如何在颤动中设置背景图像?

我最近开始学习flutter,我想添加背景图片,我想在上面添加两个平面按钮,但是我做不到,我在代码中添加了背景图片,但它不起作用我没有了解问题。谁能帮帮我?

0 投票
2 回答
1077 浏览

flutter - 在脚手架的右上角放置一个 IconButton

我想在我的 Scaffold 的右上角放置一个 Iconbutton 以编程方式打开一个抽屉。它应该是每个显示类型的右上角。使用 appbar 会破坏页面的外观,因为我只需要一个显示抽屉可用的小图标。我如何以最好的方式做到这一点?我的脚手架是默认的。我怎样才能以最好的方式实现这一目标?

0 投票
2 回答
838 浏览

flutter - 如何抑制 Flutter 中的滚动显示行为?

我有一个CustomScrollView隐藏SliverAppBar在滚动条上的。

应用栏上有一个搜索按钮,按下该按钮时,会将 aTextField放入应用栏中。

当该字段获得焦点时,它会导致滚动视图一直滚动到顶部,并且应用栏会卡在“不安全”区域中:

滚动焦点问题

Scaffold 文档提到,当显示键盘时,脚手架的插图发生变化并重建脚手架,导致“如果焦点小部件位于可滚动容器内,它将滚动到视图中”。

这似乎是我不想要的行为。我看了但无法理解机制或如何抑制它。这样做有可能吗?

图像中视图的源代码在此处

我还注意到,这个问题在我之前使用非银色标准小部件的实现中没有发生。我怀疑这是因为应用栏不在可滚动视图中,而SliverAppBar在内部,CustomScrollView以便它可以与主体交互。

0 投票
1 回答
103 浏览

flutter - Flutter 子类 Scaffold,因此我可以确保 Drawer 和 BottomNavigationBar 始终存在

我有一个Flutter应用程序,其中包含可以从 aBottomNavigationBar和 a访问的部分Drawer。我在我的应用程序的根级别有这个工作Scaffold,然后我使用Navigator小部件在每个部分中创建单独的路由和堆栈。当BottomNavigationBar我将新屏幕推送到堆栈上时,这些仍然存在,并且这些新屏幕将有自己的AppBar和特定于这些用户旅程的操作。

问题是我需要Drawer出现在我的所有屏幕上,并且在单个屏幕上设置一个新AppBarScaffold会删除Drawer我在根级别中设置的Scaffold

我怎样才能将它Drawer传递给我的所有屏幕AppBar实例?我不想Drawer在多个小部件上创建新实例,所以我应该创建一个SingletonDrawer什至整个Scaffold? 这里的最佳做法是什么?

0 投票
1 回答
1439 浏览

flutter - 如何根据在颤动中单击哪个导航栏按钮来更改脚手架主体?

我是 Flutter 的新手,我想以正确的方式做到这一点,问题是我有一个底部导航栏包 i Curved_navigation_bar它有很棒的外观和动画,这个导航栏应该改变 Scaffold 小部件的主体并显示每次一个新的小部件取决于单击的按钮,我想要实现的是每次单击导航栏的按钮时执行以下操作:

  • 清除身体Scaffold
  • 加载相关的小部件

我希望这是在颤振导航中遵循的正确方法(更改屏幕或视图),如果这是错误的,请告诉我

0 投票
4 回答
516 浏览

flutter - 如何在 Flutter 中连续创建 2 个按钮?

我真的不明白出了什么问题以及如何解决

我想在屏幕上连续显示 2 个按钮

我有无状态小部件 MainPage:

我有 2 个按钮:Person 和 History 有类 Person 和 History:

但是我收到一个错误:右侧的无限像素溢出了 RenderFlex。 我哪里错了?

0 投票
0 回答
160 浏览

flutter - Flutter:启用 SystemUiOverlay.bottom 时 SystemChrome.setEnabledSystemUIOverlays 视觉错误

所以我在启用 SystemUiOverlay.bottom 时遇到了一个视觉错误,如果键盘当前正在输入或输出动画,如下面的代码所示。所以我打算让底部导航栏仅在虚拟键盘处于活动状态时启用。

我也在使用包https://pub.dev/packages/keyboard_visibility

问题是我的应用程序的脚手架,其中的所有内容似乎都垂直跳跃,然后迅速返回到其原始位置,从而在两个虚拟键盘状态之间创建了这种关闭过渡。

这似乎只有在我启用 SystemUiOverlay.bottom 而虚拟键盘在启用和禁用状态之间转换时才会发生。如果我在之前或之后启用它,则不会出现视觉错误。

谢谢。