问题标签 [bottombar]

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 投票
3 回答
1245 浏览

xaml - 如何更改 BottomBarPage 中的工具栏背景颜色

嗨,我是 Xamarin Forms 的新手,我正在使用 BottomBarPage,现在我需要一个包含不同项目的自定义工具栏,正如您在代码中看到的那样,我成功添加了 ToolbarItem,我的疑问是,如何更改工具栏背景颜色?我在 xf:BottomBarPage 中尝试了 x:BackgroundColor 但没有用。有什么建议吗?

蓝色条是我要更改 颜色工具栏的背景颜色

现在使用 TabbedPage,声明是: Tabbed Page

但是顶部栏的颜色仍然是蓝色,我该如何更改? 顶部工具栏

0 投票
1 回答
41 浏览

react-native - 如何使用 react-native-navigation Wix 库为任意页面放置 BottomBar

我正在使用 react-native navigation Wix V2 库。我想设计一个作为启动器且没有BottomBar 的登录页面,然后通过单击Enter 底部进入主页。在主页中,我想要一个 BottomBar 菜单。问题是我只能在启动器页面上使用 BottomBar 菜单,而不能在任意页面上使用它。我必须如何在 index.js 中编码?请帮我解决这个问题。

0 投票
0 回答
43 浏览

swift - 不要在 TableViewController 中显示我的 Botton Bar

我想在我的桌面控制器底部放置一个栏,但它对我来说效果不佳。

我用 Main.storyboard 做到这一点: 在此处输入图像描述

但不要什么都不显示。我尝试了不同的参数:不透明工具栏、半透明工具栏...

一些忠告?

0 投票
1 回答
28 浏览

android - 无法导航到底部栏中的不同选项卡

我正在使用 Roughike 底栏并尝试使用 xml >> 选项卡。我无法导航到底部栏中的不同选项卡,我单击特定图标但什么也没有出现。请检查并提出建议。如果您需要任何进一步的信息,也请告诉我。

MainActivity.java

0 投票
2 回答
3140 浏览

android - Flutter 永久隐藏导航栏

我在 Flutter 中遇到了一个问题,至少在 Android 模拟器上是这样,这很烦人。

我在全屏模式下使用屏幕,所以我想摆脱底部导航栏。

在此处输入图像描述

为此,在stackoverflow中研究和检查后,我使用以下命令:

buid当方法开始时,它被放置在类的顶部。

问题是,它确实有效,底部栏消失了,但是......一旦我与屏幕交互,它就会从底部弹出,覆盖任何东西......

这特别烦人,因为我的应用程序底部有一个标签小部件......所以只要我触摸屏幕,底部栏就会弹出......所以我不能真正触摸标签,我触摸覆盖的底部栏。

任何人都知道这个问题或以前有过经验吗?

0 投票
2 回答
10755 浏览

android - 颤振 | 如何在颤动中制作BottomNavigationBar的自定义按钮?

我想制作一个带有文本和图标的按钮,具有自定义背景颜色和自定义宽度。具有固定位置(不可滚动)。你愿意帮助我吗?

这是代码:

它只为图标提供颜色。

这就是我要的:

在此处输入图像描述

0 投票
1 回答
250 浏览

c# - 如何不使用 xamarin.forms 在导航栏上显示图标?

我想在我的应用程序上有一个底部导航栏。但是当我使用标签页时,应用程序中显示的内容必须是导航栏上的标签之一。

我想为页面显示不同的内容,而不是所选选项卡之一的内容。通过这样做,导航栏可以在应用程序的每个页面上可见,并且每个页面的内容显示不会链接到选项卡内容。

编辑:在这张照片中,它显示了我的目标。底部有导航栏,但没有选择任何选项卡,并且显示的内容与导航栏中的任何选项卡都不相关。 在此处输入图像描述 但在我的项目中,页面中显示的内容总是与导航栏中的选项卡之一相关。显示的内容与导航栏中的 bas 之一相关

0 投票
1 回答
1250 浏览

angular - 如何在 Nativescript 中实现带有浮动操作按钮 (FAB) 的底部导航栏?

我需要在本机脚本(Angular/Typescript)中实现一个底部导航栏,其中有一个水平居中的浮动操作按钮(FAB),如下所示:

BottomAppBar 带有一个固定的 FAB

关于如何实现此功能的任何想法?

有 2 个 Nativescript 插件可以通过组合来实现最终结果: 浮动操作按钮底部导航 ,但是当尝试将 css 剪辑路径属性应用于底部导航栏以创建中心 FAB 的摇篮效果时,它不会工作。

以下是有关如何使用 Android 实现它的一些提示:

此外,还有一个非常接近的解决方案,但只是缺少我正在寻找实现的“摇篮”/“间隙”效果: 如何在 NativeScript 中创建自定义导航栏?

0 投票
0 回答
299 浏览

android - 更改方向后,Android BottomAppBar 不会隐藏在滚动上

在我的应用程序中,我有一个活动。通过将片段附加到我隐藏的活动中BottomAppBar。所以在我的片段中BottomAppBar是不可见的。当我将方向从纵向更改为横向时,BottomAppBar方向更改后可见。所以onResume我把它 myBottomBar.performHide()放在我的片段中,但这没有效果。BottomAppBar依然可见。此外,在布局文件中,我将标志设置app:hideOnScroll="true"为 ,BottomAppBar但这在方向更改后也不起作用。

0 投票
1 回答
325 浏览

android - 使用嵌套片段时底部导航栏消失

我有一个 Activity 类,其中有底部导航栏,3 个(主页,通知,仪表板)片段,还有 1 个片段(UpMenuFragment)在主页片段中。问题是,当我创建 UpMenuFragment 时,底栏消失了

MainActivity.kt

activity_main.xml

HomeFragment.kt

片段主页.xml

所以有什么问题?