问题标签 [bottomappbar]

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

android - Android BottomAppBar 水平分布按钮

我想使用没有导航抽屉控件和浮动操作按钮的 BottomAppBar。添加按钮后,它们会向右或向左对齐。

在此处输入图像描述

0 投票
0 回答
299 浏览

dart - 停靠在底部应用栏时如何在 FAB 上更改填充?

问题是,当FAB停靠在 上BottomAppBar,然后调用键盘时,FAB填充调整大小未正确对齐键盘上方以供用户按下。

这是实际发生的事情......

在此处输入图像描述

重现错误的脚手架的快速示例;

0 投票
2 回答
2006 浏览

android - 如何在kitkat中设置应用栏背景颜色

我试图将底部应用栏背景颜色设置为透明。但在 kitkat 中,底部应用栏背景颜色未正确分配。在 kitkat 中,底部应用栏背景颜色为白色。如何根据需要设置底部应用栏背景颜色?

而且我不明白“背景”和“背景色调”。请让我知道这件事。

谢谢你。

这是我的xml代码。

颜色:view_transparent => #3b3737

0 投票
0 回答
218 浏览

android - Android 底部 Appbar Fab 过渡动画在更换菜单或使用 setSupportActionBar() 时消失

我正在使用BottomAppBarwith Floating Action Button,当我在两个fragmentsusingFloating Action Button和 use 之间导航bottomAppbar.replaceMenu()或使用消失setSupportActionBar(bottomAppbar)的动画时Floating Action Button,我该如何解决这个问题?

0 投票
4 回答
815 浏览

dart - 如何在单击 BottomAppBar 图标时导航到新屏幕?

我想在 BottomAppBar 的单击图标上导航到新屏幕,但出现错误:在初始化程序中只能访问静态成员

);

方法 navigateToPage

}

0 投票
1 回答
4750 浏览

android - 具有透明背景的 BottomAppBar 内的 BottomNavigationView

我一直在将新的(ish)材料 BottomAppBar 与标准的 BottomNavigationView 结合起来。我的xml是这样的:

在以前的版本 - 1.0.0 - 这工作正常,我仍然可以按预期看到 FAB 插图。唯一的小缺点是这个版本的材质组件库没有对底部应用栏的高度效果进行排序,因此栏和上面的内容之间的区别并不明显。

当我升级到最新的库时,我相信在撰写本文时implementation 'com.google.android.material:material:1.1.0-alpha09',我得到了 BottomAppBar 高程效果,但是当我将透明背景应用到 BottomNavigationView 时,我得到了一个非常奇怪的视觉效果,这对于我的一生来说我不能理解。

奇怪的 BottomAppBar 效果

如果我删除透明背景颜色,效果会消失,但我会丢失 FAB 插图,如下所示:

没有透明度的底部导航,失去了插入效果

如果我完全删除底部导航视图子项,并且只有 BottomAppBar,我会看到正常的视觉效果,但没有我的导航:

没有底部导航视图作为孩子,一切正常

我会喜欢: - 一个很好的解决方案,将底部导航视图合并到 BottomAppBar 中,同时保留 1.1.0 版库良好的提升效果,并且在其中有效地使用 BottomNavigationView,因此我保留了该导航组件的所有好处 - 或解释因为到底是什么导致了这种特殊的第一高程效果,理想情况下是一种修复它的方法

0 投票
3 回答
31372 浏览

flutter - How to make custom Bottom Navigation Bar in Flutter

I have a design of Bottom Navigation Bar like this:

enter image description here

I try my best to create custom of Bottom Navigation Bar with this code:

And I implemented that custom like this:

And the result of that code is:

enter image description here

How to make my Custom Nav Bar like the design? Because in the design, the FAB/Asset/Icon inside the Bottom Navigation Bar and have curved upwards as I marked with arrows in the design.

0 投票
1 回答
4265 浏览

flutter - 如何在 Flutter 中使用 CircularNotchedRectangle 向 BottomAppBar 添加圆角

我想BottomAppBar用圆角、圆形缺口矩形和材质阴影创建。BottomAppBar问题是,当我通过用小部件包裹圆角来添加圆角时,ClipRRect我失去了材质阴影。

BottomAppBar 没有圆角,但带有 Material 阴影。请忽略错误对齐的缺口。 在此处输入图像描述

BottomAppBar 包裹在 ClipRRect 小部件中,但没有阴影。再次请忽略错误对齐的缺口: 在此处输入图像描述

如何实现带有缺口和材质阴影的圆角?

完整代码:

0 投票
2 回答
586 浏览

animation - 有没有办法从 Flutter 中的动画中排除 BottomAppBar?

我试图将它包装在一个 Hero 小部件中,因为这应该可以实现我想要的。这适用于 BottomNavigationBar,但不适用于 BottomAppBar,这会给出此错误:Scaffold.geometryOf() called with a context that does not contain a Scaffold.我尝试使用 Builder 为其提供上下文,但这也不起作用。这是一个展示行为的示例应用程序:

0 投票
1 回答
56 浏览

flutter - 使用 BottomNavigationBar 后“body”不可见:BottomAppBar

使用 BottomNavigationBar:BottomAppBar 时,正文不会显示在屏幕上。但是当我移动它时,身体会出现在屏幕上。由于我应该在主体之外有底部导航栏,所以为什么当底部导航栏在代码中时正文内容不可见,这是非常令人费解的。

编辑:想知道是否可能需要将主体从“新容器”更改为其他内容,因此我包含了这么多代码。

这是代码:

}