【Swift】NavigationBarの戻るボタンをカスタマイズしよう

今回は初学者向けに、Swift で NavigationBar の戻るボタンをカスタマイズする際のベストプラクティスを紹介したいと思います🧑‍🔧

ちなみに今回のゴールは下記のようになります。

before	after

コード

まず前提として覚えておく必要があるのは、戻るボタンは Image と Text から構成されているということです。下記のコードでは、navigationController?.navigationBar.backIndicatorImage = hogeImage で Image を、navigationItem.backBarButtonItem = backItem で Text をそれぞれカスタマイズしています。

下記の setBackBarButton() をナビゲーションのルートで呼び出すことで、それ以降に登場する戻るボタンを共通のものにすることができます。

    func setBackBarButton() {
        let backItem  = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)
        backItem.tintColor = .black
        navigationItem.backBarButtonItem = backItem
        navigationController?.navigationBar.backIndicatorImage = hogeImage
        navigationController?.navigationBar.backIndicatorTransitionMaskImage = hogeImage
    }