SwiftUIで戻る必要の無い画面遷移を実装する場合

Question

前提・実現したいこと

Swift UIを使ってみてアプリ作成を行ってみています。
画面Aから画面Bへ永続的に移動させる操作を実現したいです。

私の知識量としてはiPhoneのアプリについては1度作成したことがあり、チュートリアルはやった程度です。
一般のコーディングやソフトに関する知識自体は工学部卒程度に有しています。

発生している問題・エラーメッセージ

SwiftUIにおいてはnavigationLinkを利用して画面遷移をするものであるという記事がよくあります。
実際にやってみたところ、戻るボタンを伴った一時的な遷移を想定しているのかと思っています。設定によっては下からのポップアップなども利用できるようですが、これも理想のものとは違います。
理想のイメージは過去にswiftで利用したことのあるものではsegueによる遷移です。
例えば下記のような記事が実装したいイメージです。

https://capibara1969.com/229/#toc4

無理矢理戻るボタンを削除するなどして理想の見た目に近づけることは出来るのかと思っていますが、その場合には前の画面をメモリに確保し続けるなどという動作になりアプリが遷移のたびに重くなっていくことを懸念しています。(ここはviewが破棄されるタイミングの理解に誤りがあるかもしれませんが)

swiftでsegueを利用していた場合にswiftUIに移植している人などは具体的にどのようにしているのでしょうか。

試したこと

• navigationLinkの利用

Answer 1

戻らなくて良いならこんな感じでしょうか。
(ちなみに、segue で遷移した場合、元の画面は残ってます。)

import SwiftUI

struct Page1: View {
    let action: () -> Void

    var body: some View {
        VStack {
            Text("Page 1")
                .padding()

            Button(action: action) { Text("Next") }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

struct Page2: View {
    let action: () -> Void

    var body: some View {
        VStack {
            Text("Page 2")
                .padding()

            Button(action: action) { Text("Next") }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

struct Page3: View {
    var body: some View {
        Text("Page 3")
            .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

struct ContentView: View {
    @State var page = 1

    var body: some View {
        if page == 1 {
            Page1(action: goNext)
                .transition(.rightToLeft)
        } else if page == 2 {
            Page2(action: goNext)
                .transition(.rightToLeft)
        } else {
            Page3()
                .transition(.rightToLeft)
        }
    }

    func goNext() {
        withAnimation { page += 1 }
    }
}

extension AnyTransition {
    static var rightToLeft: AnyTransition {
        .asymmetric(insertion: .move(edge: .trailing), removal: .move(edge: .leading))
    }
}

Comments

[tesu256]

早速のご回答ありがとうございます！

> ちなみに、segue で遷移した場合、元の画面は残ってます。
そうだったんですね、この時点で自分のviewに対する理解が全然間違っていそうでした。。。結局segueでやろうとviewが削除、解放される訳では無いのですね
参考にさせて頂きます！