🪬

NavigationBarの戻るボタンの文字を非表示にする

に公開

以前の記事で NavigationBar のカスタマイズを紹介しましたが、Back ボタンのカスタマイズできます。

https://zenn.dev/yyykms123/articles/2020-09-09-customize-navigationbar

実装内容

Back ボタンはデフォルトでは前画面のタイトルが表示されます。

しかし、以下の条件の時は「Back」と表示されます。

  • 前画面のタイトルが無い
  • 前画面のタイトルが長すぎて表示しきれない

Back ボタンは Back ボタンが表示される画面ではなく、遷移元の ViewController で設定することでカスタマイズできます。

NavigationBarの画像

遷移元の画面
override func viewDidLoad() {
        super.viewDidLoad()

        // Backボタンの変更
        self.navigationItem.backBarButtonItem = UIBarButtonItem(
            title: "戻る",
            style: .plain,
            target: nil,
            action: nil
        )
}

「戻る」ではなく文字を非表示にしたい場合は title に空文字("")を設定することで非表示にできます。

戻るボタンを非表示にする

戻るの文字を非表示
override func viewDidLoad() {
        super.viewDidLoad()

        // Backボタンの変更
        self.navigationItem.backBarButtonItem = UIBarButtonItem(
            title: "",
            style: .plain,
            target: nil,
            action: nil
        )
}

参考記事

https://capibara1969.com/933/

Discussion