#Note - 更改 Navigation Bar 上 Back Button 的文字

單純 memo 一下,要改 Back Button 的文字需要透過程式碼來改!!!(可能很久遠之前彼得潘講過,但是我忘了?!!!OAO)

Photo by Green Chameleon on Unsplash

當我們的 View Controller 畫面 A 有連結 Navigation Controller,而且有拉 Segue 顯示下一頁的畫面 B 時,畫面 B 的左上方會自動出現預設的 <Back 按鈕,這時候點選 Navigation Bar,屬性面板會有一些可以客製化的欄位

例如在 Title 欄位輸入「好友名單」,Navigation Bar 中間就會出現標題

但是當你在 Back Button 欄位輸入文字並執行後會發現…他還是長得一樣沒有變!什麼固執的傢伙(?

這時候我們要回到 Navigation Controller 連結的 Controller 畫面 A,在 viewDidLoad 設定 navigationItem.backButtonTitle 的文字,才能更改畫面 B 的 Back Button 的顯示樣貌

override func viewDidLoad() {
super.viewDidLoad()
navigationItem.backButtonTitle = "" //不顯示文字
}
override func viewDidLoad() {
super.viewDidLoad()
navigationItem.backButtonTitle = "回上頁"
}

至於 Navigation Bar 的文字顏色、背景顏色等等,就要去 Navigation Controller 點選 Bar 之後在屬性面板設定囉!

--

--