美文网首页
ionic导航栏处理

ionic导航栏处理

作者: lzb30 | 来源:发表于2016-10-10 13:55 被阅读0次

view-title - 视图标题文字

模板被载入导航视图ion-nav-view显示时,这个属性值将显示在导航栏ion-nav-bar中

cache-view - 是否对这个模板视图进行缓存

允许值为:true | false,默认为true

hide-back-button -是否隐藏导航栏中的返回按钮

当模板被载入导航视图时,如果之前有其他的模板,那么在导航栏ion-nav-bar上默认会自动 显示返回按钮(使用指令ion-nav-back-button定义)。点击该按钮将返回前一个模板。

hide-back-button的允许值为:true | false ,默认为false

注意:必须在导航栏中显式地声明返回按钮,否则即使将hide-back-button属性设为false, 这个按钮也不会出现:-)

hide-nav-bar - 是否隐藏导航栏

允许值为:true | false ,默认为false

在中添加 hide-nav-bar 属性

导航栏 : ion-nav-bar

ion-nav-bar指令用来声明一个居于屏幕顶端的导航栏,它的内容随导航视图 的状态变化而自动同步变化:

1. <ion-nav-bar></ion-nav-bar>

ion-nav-bar有以下可选的属性:

align-title - 标题对齐方式

允许值为: left | right | center。默认为center,居中对齐

no-tap-scroll - 点击导航栏时是否将内容滚动到顶部。

允许值为:true | false。默认为true,这意味着如果视图中的内容下拉很长,那么在任何时刻 点击导航栏都可以立刻回到内容的开头部分。

回退按钮 : ion-nav-back-button

你可能已经注意到前一节的示例中,当切换到小说页时,无处可去了!

好在ionic的指令ion-nav-back-button指令可以自动地让你回退到前一个视图:

<ion-nav-bar>

    <ion-nav-back-button></ion-nav-back-button>

</ion-nav-bar>

当视图切换时,回退按钮会自动出现在导航条中,并显示前一个视图 的标题。点击回退按钮将返回前一个视图。

相关文章

  • ionic导航栏处理

    view-title - 视图标题文字 模板被载入导航视图ion-nav-view显示时,这个属性值将显示在导航栏...

  • oc navigation跳转

    从显示导航栏页面跳转到隐藏导航栏的页面会闪解决方法 放在loadview里面处理 不要在viewDidLoad处理...

  • 导航栏处理

    导航栏相关处理可看此文章:http://blog.csdn.net/u012960049/article/deta...

  • IOS 常用小知识 1

    导航栏常用隐藏方式 系统导航栏时常会限制很对视图的处理,所以经常会用到自定义导航栏,如果自定义导航栏的时候还需要保...

  • ionic自动触发下拉刷新

    需求 双击ionic底部导航栏,相应页面出现下拉刷新效果 html 注:overflow-scroll="fals...

  • 1.3 ionic3入门——tabs样式加测滑边栏

    新建ionic tabs项目之后,替换app.html中的代码,代码如下: 然后在你需要加测滑栏的页面导航栏中加入...

  • iOS开发笔记 | 导航栏和BaseController的封装

    关于导航栏,我的处理思路是:完全自定义,每个页面都有完全属于自己的导航栏。 也就是用自定view代替系统的导航栏。...

  • Ionic3 透明导航栏、渐变导航栏

    在ionic中实现透明导航栏非常简单,主要用到三个属性: 1、no-border 2、transparent 3、...

  • IOS导航栏颜色设置与实际不相同

    在设置导航栏颜色的时候遇到了问题 . 由于导航栏自带高斯模糊处理 , 所以在用 [UINavigationBar ...

  • IONIC导航栏跳转同步

    问题点 在开发微信微官网的时候,会同时存在两个导航栏的情况:微信自带导航栏和WebApp内建导航栏。按照常理两者导...

网友评论

      本文标题:ionic导航栏处理

      本文链接:https://www.haomeiwen.com/subject/muzmyttx.html