バッテラのハローワールド研究室

エンジニア、プログラミングに関する情報を掲載中!

【SwiftUI】NavigationLinkで勝手に表示される矢印を消す方法

SwiftUI

はじめに

今日はSwiftUIの勉強していきます。

画面遷移で使うNavagationLinkを使うと分かるのですが、勝手に矢印(→)が表示されます。

デザイン的に矢印を消したいときがあると思います。

今回は自動で表示される矢印を消す方法について共有していきます。

環境

この記事の情報は次のバージョンで動作確認しています。

* MacOS Monterey (12.1)
* Xcode (13.3.1)

ZStackとEmptyViewを使うやり方

ZStackで囲んで中にEmptyViewを表示します。.opacity(0)のモディファイアを適用します。

ZStack {
    NavigationLink(destination: NextView()) {
        EmptyView()
    }
    .opacity(0)
//    SomeView()
}

これで矢印を無事消せました!

参考にしたサイト

www.choge-blog.com

おわりに

最後まで見ていただきヘペトナス!

読者登録・Twitterのフォローもお願いします。