问题标签 [ion-navbar]

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

angular - ionic 3 导航菜单不显示

我对侧面菜单没有在不同情况下出现感到非常恼火和困惑。

我的应用流程和要求是:最初,有一个带有 3 个选项卡且没有侧边菜单的登录页面。在第一个选项卡上,有产品,您可以将它们添加到购物车。将这些添加到购物车后,您可以单击购物车进行结帐。此时,如果用户尚未登录,则会出现一个模型弹出窗口,其中包含使用 facebook 登录选项。成功登录后,将显示添加到购物车的商品的订单摘要页面。由于用户现在已登录,因此应出现侧面菜单。

但是,菜单图标中发生的事情会显示出来,但是在单击时,什么也没有发生。控制台等没有错误。

我已经验证,如果我不检查用户登录状态,那么在登录页面上菜单显示得很好。

相关代码:

应用程序.html

app.component.ts

home.html(第一个标签)

主页.ts

登录.ts

OrderSummaryPage.html

0 投票
2 回答
728 浏览

ionic3 - 带有菜单和按钮的标题栏高度

我的 ionic 3 标题最后需要显示菜单图标、标题和按钮。然而,对于这 3 件事,标题将它们呈现在 3 个不同的行中,而不是在一行中。以截图为例

https://www.dropbox.com/s/jrn95uppcwol3v8/ionic_header_issue.png?dl=0

标题如下 home.html

pageHeader.html

0 投票
1 回答
1069 浏览

css - 如何更改 ion-menu 的标题颜色,而不更改 ion-navbar 的颜色?

我有下面的离子导航栏代码,我在右侧有一个菜单图标。而且我想更改该菜单标题的颜色。但是当我更改 ion-navbar 的颜色时,菜单标题的颜色也会发生变化。我想要 ion-navbar 和 ion-menu 的颜色不同。

为了改变 ion-navbar 的颜色,我在 variable.scss 中添加以下行

谁能帮助我如何保持两者的不同颜色?

0 投票
1 回答
587 浏览

react-native - 如何使用反应原生导航栏

我正在尝试从 navbar-native 使用 Navbar,但是当我为我的项目导入它时出现此错误(typeerror undefined is not an object(evalating '_react.proptypes.bool'))。这是代码:

这是我的 package.json :

这是android模拟器上的错误截图:

调试器错误

0 投票
1 回答
535 浏览

swift - How to make a nav bar transparent before scrolling (iOS 14)

I'd like to implement a nav style like what is found in the "Add Reminder" view controller from Apple's Reminders (iOS 14). I've tried hooking into the scrollview delegate methods but I'm not sure how to change the alpha of the default nav bar background/shadow image.

enter image description here

I've tried changing the nav bar style on scroll and, while that works, it doesn't fade in/out like in the example. That makes me think the answer lies manipulating the alpha value. Thanks in advance!