问题标签 [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 投票
4 回答
5419 浏览

layout - 有没有办法在 SliverAppBar 的底部小部件中实现动态高度

SliverAppBar 有一个属性底部,它必须具有preferredSize。

现在我让它返回常量值:

我想在这个底部的小部件中放置一个文本,但我不知道它里面的文本会有多长时间。

如何实现底部小部件的动态高度?

有没有办法在布局之前测量小部件的高度?

编辑 25/04/2018

最终,我按照 Thibault 的指示完成了以下操作:

0 投票
1 回答
56 浏览

android - 带有 OnClickListener 的底栏,但没有任何反应

我现在很困惑,因为我需要制作底部栏,但不要总是点击/点击那里的第一个按钮。

这是我的第一次尝试

这是第二个

我运行的第一个代码什么也没得到,按钮没有改变任何东西,但是第二个代码让我感到意外,因为它总是单击底部栏上的第一项,所以我需要有人帮助我..提前谢谢

0 投票
1 回答
703 浏览

android - 是否可以在 Android 的 BottomSheet 顶部显示一个栏

BottomSheet在我的应用程序中使用 a ,其中包含一些列表项,并且我还在整个应用程序中使用选项卡栏视图(在屏幕底部)。

是否有可能以及如何在屏幕底部显示我的那个标签栏,并且BottomSheet也应该出现(在定义的偏移量上),但在我的标签栏下方。

如何调整和排列这些布局?

0 投票
4 回答
2607 浏览

android - 底部应用栏导航图标不是垂直居中

我正在使用android.support.design.bottomappbar.BottomAppBar,但添加选项菜单时导航图标出现在左上角。

没有选项它按预期工作(center_vertical)。

带选项菜单

在此处输入图像描述

没有选项菜单

在此处输入图像描述

任何人都可以告诉如何解决它?

0 投票
1 回答
1113 浏览

android - 如何在底栏导航上设置徽章?

如何在片段中的菜单图标上添加徽章。我尝试了更多示例,但所有示例都在活动中,我需要在片段中实现它。如何在菜单上实现徽章的 xml。我也添加了图像。那是我的工具栏菜单。请帮助如何做到这一点

0 投票
1 回答
51 浏览

android - 无论图像大小如何,如何获得图像和底部文本之间的精确间距?

我正在尝试制作自定义底栏(严格来说我不能使用库)。我在它下面有五个图像和文本。此外,我的通知徽章正好有两个图标。我的问题是图标和下面的文本之间的间距不相等,当我添加徽章图标时它也会受到干扰,所以如何正确对齐它们。

0 投票
0 回答
53 浏览

android - 带有多色图标的底栏

不确定这是可能的,四处检查但没有发现任何东西。在 IOS 中这是可能的,在 iphone 中看到的 facebook bottombarview 下方

在此处输入图像描述

安卓呢?

0 投票
1 回答
1420 浏览

xml - 将片段中的布局项限制在主要活动底部栏导航的顶部?

这是我在这里发布的第一个问题,所以如果我遗漏任何内容,请给我机会更新我的问题!

所以我是一个(相对)经验丰富的 swift 应用程序开发人员,在 App Store 上有几个应用程序。

目前,我正在努力将这些应用程序转移到 Google Play 商店,并且很难让任何事情都像在 swift 中一样顺利地发生。我决定从一个空白的应用程序重新启动我的整个第一个项目,并在此过程中提出问题以建立它。

我的应用程序正在使用一个 Main Activity 来控制由 bottomBar 导航项控制的 4-5 个片段。我想限制片段视图空间,使其成为:

片段视图顶部 = 标题栏底部

fragment_view_bottom = bottomBar_navigation_top

这样,顶部和底部的后面就不会隐藏任何东西。

我尝试了几种不同的布局约束选项,但都没有正常工作。甚至在片段内添加一个空的底部栏导航项,以便我可以将其限制在顶部,但它仍然不起作用!

任何帮助将不胜感激,谢谢!

片段.xml 代码:

这是我的 main_activity.xml 代码:

编辑 09.20.2018:

这就是我在主要活动中实现片段之间切换的方式

MainActivity.kt 代码:

0 投票
1 回答
3350 浏览

reactjs - Material UI:底部导航与 iOS 上的 Progressive Web App (PWA) Safari 对齐

我正在使用移动 Safari 开发 PWA 并在 iPhone 上进行测试。

请注意我是 React 和 material-ui 的新手,所以可能错过了一些明显的东西;)

我面临的问题是我无法让底部导航组件呈现在页面的最底部。

注意:仅当我在 iPhone 上的 Safari 中使用“添加到主屏幕”选项安装 PWA 并使用图标打开时才会出现此问题:

这是在 safari 中浏览页面的屏幕截图,底部导航呈现良好:

使用 safari 浏览 PWA

将页面添加到主屏幕:

在此处输入图像描述

使用主屏幕图标打开。请注意,底部导航不再位于底部:

在此处输入图像描述

代码和样式如下:

感谢有关如何解决此问题的任何建议。

突出问题的附加图像:

在此处输入图像描述

--

更新 1:在 IOS 11.3.1 上的 iPhone 6、7 和 8 上测试

更新 2:演示链接:https ://material-ui-bottomnav-pwa.herokuapp.com/

更新 3:更好的图片来突出问题。

0 投票
10 回答
48618 浏览

android - 错误:IllegalArgumentException:此组件上的样式要求您的应用主题为 Theme.MaterialComponents

以下是我的依赖项

我的 layout.xml

上面的代码对我来说工作正常

dependencies但是当我更新material design

我收到以下错误: