バッテラが如く

プログラミングしましょ!

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

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

  • MacOS Monterey (12.1)
  • Xcode (13.3.1)
  • SwiftUI

    はじめに

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

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

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

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

    ZStackとEmptyViewを使って消す

    1. ZStackで囲んで中にEmptyViewを表示します。
    2. .opacity(0)のモディファイアを適用します。
    ZStack {
        NavigationLink(destination: NextView()) {
            EmptyView()
        }
        .opacity(0)
    //    SomeView()
    }
    

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

    参考にしたサイト

    www.choge-blog.com

    おわりに

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

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