【Swift UIKit】モーダル(present)にNavigationBarItemを設置する方法

この記事からわかること

  • SwiftUIKitモーダルウィンドウNavigationBarItem設置する方法
  • presentメソッドでナビゲーションバーが表示されない解決法

index

[open]

\ アプリをリリースしました /

みんなの誕生日

友達や家族の誕生日をメモ!通知も届く-みんなの誕生日-

posted withアプリーチ

SwiftのUIKitでpresentメソッドを使ってモーダルウィンドウを実装した際に遷移先にNavigationBarItemを表示させる方法をまとめていきます。

NavigationBarItemが表示されない

モーダルページにナビゲーションボタンが表示されるのを期待して以下のようにコードを記述してみましたが、presentメソッドを使った画面遷移を実装すると親のViewControllerにNavigationControllerが組み込まれていてもNavigationBarが表示されません


class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    
    @IBAction  func showAlert(){
        let storyboard = UIStoryboard(name: "Main", bundle: nil)
        let modalVC = storyboard.instantiateViewController(withIdentifier: "modal")
        self.present(modalVC, animated: true, completion: nil)
    }
}

class ModalViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        let barButton = UIBarButtonItem(image: UIImage(systemName: "checkmark"), style:.plain, target: self, action: nil)
        self.navigationItem.rightBarButtonItem = barButton
        
        let leftButton = UIBarButtonItem(image: UIImage(systemName: "chevron.backward"), style:.plain, target: self, action: nil)
        self.navigationItem.leftBarButtonItem = leftButton
    }
}
【Swift UIKit】モーダル(present)にNavigationBarItemを設置する方法

UINavigationControllerクラスのpushViewControllerメソッドを使用すればNavigationBarが表示されるようになりますがモーダルウィンドウではなく、横に新規ページを構築する遷移方法になってしまいます。

これをモーダルでも表示されるようにしていきたいと思います。

モーダルウィンドウにNavigationBarItemを設置する方法

モーダルウィンドウにNavigationBarItemを設置するには遷移先に新規でUINavigationControllerを設置します。

@IBAction  func showAlert(){
    let storyboard = UIStoryboard(name: "Main", bundle: nil)
    let modalVC = storyboard.instantiateViewController(withIdentifier: "modal")
    let navigationController = UINavigationController(rootViewController: modalVC)
    self.present(navigationController, animated: true, completion: nil)
}

これでNavigationBarが表示されるようになっているのでコードからNavigationBarItemを追加してあげれば表示されるようになります。

【Swift UIKit】モーダル(present)にNavigationBarItemを設置する方法

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。

ご覧いただきありがとうございました。

searchbox

スポンサー

ProFile

ame

趣味:読書,プログラミング学習,サイト制作,ブログ

IT嫌いを克服するためにITパスを取得しようと勉強してからサイト制作が趣味に変わりました笑
今はCMSを使わずこのサイトを完全自作でサイト運営中〜

自作iOSアプリ

\ アプリをリリースしました /

mapping

自分だけの地図を作ろう!-mapping-

無料posted withアプリーチ

割り勘アプリ-bill-

旅行におすすめ!
割り勘アプリ-bill-

無料posted withアプリーチ

Imakoko

現在地を取得するアプリ!Imakoko

無料posted withアプリーチ

ふるログ

ふるさと納税管理アプリ-ふるログ-

無料posted withアプリーチ

Remind-シンプル通知アプリ-

シンプル通知アプリ-Remind-

無料posted withアプリーチ

CLIPURL

好きな記事をクリップしよう!-CLIPURL-

無料posted withアプリーチ

記録カレンダー

続けたを可視化できるアプリ!記録カレンダー

無料posted withアプリーチ

CART-共有できるお買い物リスト-

CART-共有できるお買い物リスト-

無料posted withアプリーチ

QuickPressPanel

早押しゲーム-QuickPressPanel-

無料posted withアプリーチ

貸し借り管理アプリ

友達とのお金の管理-貸し借り管理アプリ-

無料posted withアプリーチ

みんなの誕生日

友達や家族の誕生日をメモ!通知も届く-みんなの誕生日-

posted withアプリーチ

Githubにて
iOSアプリのソースコードを公開中!

自作Webアプリ

子育て知識共有サイト-mikata-

子育て知識共有サイト-mikata-

New Article

index