1. 程式人生 > >ionic3開發系列——導航欄屬性設定

ionic3開發系列——導航欄屬性設定

首先可以在 app.module.ts 檔案中配置。

@NgModule 中的 imports 屬性的 IonicModule.forRoot 第二個引數,如下:

IonicModule.forRoot(MyApp, {  
  backButtonText: '', // 配置返回按鈕的文字  
  backButtonIcon: 'arrow-dropleft-circle' // 配置返回按鈕的圖示  
})  
也可以在 ion-toolbar 中配置自定義圖示,並新增 navPop 屬性即可,如下:
<ion-header>  
    
  <ion-toolbar>  
    <button ion-button clear small navPop style="padding: 0;">  
      <img class="back-btn" src="assets/image/back.png" />  
    </button>  
    <ion-title class="my-title">我是標題</ion-title>  
  </ion-toolbar>  
  
</ion-header>
如果要禁用某個特定的頁面的返回按鈕,只需要給 ion-navbar 新增 hideBackButton="true" 屬性即可,如下:
<ion-navbar hideBackButton="true">  
    <ion-title>Sub Page</ion-title>  
</ion-navbar> 
或者通過控制 ViewController 來實現:this.viewCtrl.showBackButton(false);

(轉載)原文章路徑:http://blog.csdn.net/zf_hacjox/article/details/70209648

相關推薦

ionic3開發系列——導航屬性設定

首先可以在 app.module.ts 檔案中配置。 @NgModule 中的 imports 屬性的 IonicModule.forRoot 第二個引數,如下: IonicModule.forRoot(MyApp, { backButtonText: '',

iOS之導航設定與UITabBarController的屬性設定

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)laun

iOS開發-隱藏導航

ack logs 開發 first control bject uiview bar .cn 去除navigationBar上那條線: ///隱藏navigationBar導航欄線(直接寫在UINavigationController-viewDidLoad方法裏面

狀態列和導航設定

其中有些值是要相互配合使用,單一使用沒有效果,需要的時候查詢文件,都有解釋, 或是多嘗試幾次,也就知道該用哪個了。 // 沉浸式狀態列 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

ionic3開發系列——從多重子頁面返回根頁面的解決方法

最近開發ionic專案,因為跳轉的子頁面太多,回到根頁面如果是點選每個頁面的back按鈕則使用者體驗度太低,檢視ionic官方文件,突然看到NavController(官方文件)包含popToRoot

ionic3開發系列——打包APK執行,啟動頁後白屏幾秒,解決方案

問題描述: 開發過程中發現ionic3專案打包後在真機上執行,啟動頁後會有3-5秒的白屏時間。 解決方法: 在config.xml新增以下屬性: <!--預設有前四個配置,後面三個是另外新增

iOS 導航屬性 透明屬性translucent 偏移64 滑動檢視內容自動向下偏移的問題總結

translucent屬性: 百度翻譯:半透明的,透亮的,有光澤的; 該屬性控制的是導航欄的半透明屬性,直接影響到的是檢視控制器中檢視的frame中0點的位置 如果設定如下: (1) self.navigationController.navigationBa

iOS開發 - 系統導航左右上角按鈕如何不需要定義就可以新增小紅點

最近做一個需求,要在系統導航欄右上角按鈕加上一個小紅點,以前博主習慣使用自定義導航欄,所以並不怎麼和系統的東西打交道,那怎麼辦?求助度娘唄,查了一會,都是自定義按鈕,也沒什麼比較快捷的方法,於是就自己去看系統UIBarButtonItem,這一看不打緊,還真讓博主找到了辦法。 有這麼

關於android系統中導航以及設定全屏的介紹

在實際應用開發中,我們經常需要獲取全螢幕或者隱藏導航欄的需求,其實就只需要設定幾個引數就搞定。public static final int SYSTEM_UI_FLAG = View.SYSTEM_UI_FLAG_LAYOUT_STABLE        | View.SY

底部導航:在底部導航設定小紅點和數字

在http://blog.csdn.net/yancychas/article/details/77254708這個的activity_main.xml基礎上,設定小紅點。 在看現在的activity_main.xml <?xml version="1.0"

iOS開發實現導航透明度漸變效果

最近做專案實現新的需求,初始狀態導航欄透明,隨著滑動的過程中,改變導航欄的透明度,逐漸顏色加深。 網上找到了兩種解決方案。 第一種,通過研究導航欄的結構圖,找出影響背景顏色的控制元件,對其進行控制改變。 NavigationBar背後有一張型別_

【Qt開發】QTextEdit 外觀屬性設定

一、給QTextEdit新增背景圖片,有下面兩種方法: QTextEdit* iEdit  = new QTextEdit(); 1:使用樣式表:      iEdit->setStyleSheet("background-image:url(:/bmp/D

Vue開發-底部導航元件

不多說直接上程式碼 BottomNav.vue:<template> <div class="footer"> <div v-for='(item,index) of items' :class='[item.cls,{on:index =

ABP(現代ASP.NET樣板開發框架)系列之22、ABP展現層——導航設定

基於DDD的現代ASP.NET開發框架--ABP系列之22、ABP展現層——導航欄設定 ABP是“ASP.NET Boilerplate Project (ASP.NET樣板專案)”的簡稱。 每一個WEB應用程式都有導航選單,Abp也為使用者提供了通用的建立和顯示選單方式。

微信小程式教程系列設定標題導航

微信小程式標題欄和導航欄的設定方法,具體內容如下 設定標題欄 標題欄window 在app.json檔案裡面,通過window物件裡面的屬性進行設定     示例: app.json:     執行: 設定導航欄 導航欄TabBar

ionic3 導航返回按鈕事件設定 多級頁面返回到指定的頁面

借鑑原文地址 多級頁面返回到指定的頁面 export class Page { @ViewChild(Navbar) navBar: Navbar; ① ionViewDidLoad() { ② this.navBar.backButtonCli

iOS開發設定導航標題的字型大小和顏色

方法一:自定義檢視。 UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 200, 44)];

小程式自學系列(零基礎學小程式)---實現底部導航和頂部導航及微信開發工具常用快捷鍵

基本實現功能 1,底部3個tab實現選中時文字和圖片改變 2,實現頁面資料的初始化和點選button時改變資料的簡單互動 3,實現日子的列印 先看效果圖 今天是我自學微信小程式的第一天,這些程式

藉助 CAGradientLayer 可以設定漸變色的屬性 實現蘇寧易購首頁導航的效果

實現如標題所示的功能使用的核心程式碼如下 //初始化漸變層 self.gradientLayer = [CAGradientLayerlayer]; self.gradientLayer.frame = CGRectMake(0, 0, self.view.frame

iOS開發技巧:設定導航全透明效果

前言 本篇是iOS開發技巧系列部落格的第五篇,本篇主要和大家一起分享如何設定導航欄全透明效果。在實際開發中也經常會有這樣的需求,比如iPhone版本的QQ音樂,其播放音樂介面的導航欄就是透明的,如下所示: 實現 為簡化操作,這裡我們使用 storybo