SWIFTUI:トップページのボタンが他のページにも反映されてしまう

SwiftUI初心者です。
問題集アプリを作成しようと、まず「トップページ」「問題集リストページ」の骨組みを作りました。
しかし、トップページに挿入したタイトルやボタンが問題集リストページにも反映されてしまって、レイアウトが崩れてしまっています。
トップページのタイトルやボタンが表示されない方法をご教示くださいますようよろしくお願いします。

初歩的な質問ですみません。
よろしくお願い申し上げます。

SwiftUI
1
2//（１）トップページ
3
4//
5//  ContentView.swift
6//  QQQ
7//
8//  Created by xxx on 2021/01/14.
9//
10
11import SwiftUI
12
13struct ContentView: View {
14    
15    @State var num: Int = 0
16    
17    var body: some View {
18        VStack {
19    //タイトル
20            Text("問題集タイトル").font(.title).foregroundColor(/*@START_MENU_TOKEN@*/.blue/*@END_MENU_TOKEN@*/)
21                .padding(10)
22            NavigationView {
23                NavigationLink(
24                    destination:MenuQ()){
25                    Text("学習スタート")
26                        
27                        }
28                    }
29    //ボタン
30                    Button(action: {
31                num = Int.random(in: 0...100)
32            }){
33                Text("START!!")
34                    .font(.largeTitle)
35                    .frame(width: 280,height: 60,alignment: .center)
36                    .foregroundColor(Color.white)
37                    .background(Color.blue)
38                    .cornerRadius(15, antialiased: true)
39                }
40            
41        }
42    }
43}
44
45struct ContentView_Previews: PreviewProvider {
46    static var previews: some View {
47        ContentView()
48    }
49}
50
51
52//（２）問題集リストページ
53
54//
55//  MenuQ.swift
56//  QQQ
57//
58//  Created by XXX on 2021/01/14.
59//
60
61import SwiftUI
62
63struct MenuQ: View {
64    var body: some View {
65        NavigationView {
66            List {
67                Text("content 1")
68                Text("content 2")
69                Text("content 3")
70                Text("content 4")
71            }
72            .navigationTitle(Title))
73            .navigationBarTitleDisplayMode(.inline)
74        }
75    }
76}
77
78struct MenuQ_Previews: PreviewProvider {
79    static var previews: some View {
80        MenuQ()
81    }
82}
83
84
85コード

hoshi-takanori

2021/01/15 13:58

自分も SwiftUI の画面遷移はよく分かってないのですが、たぶん NavigationView を VStack の中ではなく、トップレベルにする必要があると思います。

kaminiwa

2021/01/17 12:22

ご連絡ありがとうございます。 NavigationViewをトップレベルに移動してみましたが、VStack内にあるテキストやボタンが他のページに表示されてしまいます。 ContentView.swiftのデータは他のページにも反映されるのが基本なんでしょうか...

行動規範の内容に同意します

回答1件

ベストアンサー

import SwiftUI

struct ContentView: View {

    @State var num: Int = 0

    var body: some View {
    //タイトル
           
        NavigationView {
            VStack{
            Text("問題集タイトル").font(.title).foregroundColor(/*@START_MENU_TOKEN@*/.blue/*@END_MENU_TOKEN@*/)
            NavigationLink(
                destination:MenuQ()){
                Text("学習スタート")
            }

            Button(action: {
            num = Int.random(in: 0...100)
            }){
                Text("START!!")
                .font(.largeTitle)
                .foregroundColor(Color.white)
                .background(Color.blue)
                .cornerRadius(15, antialiased: true)
            }
            }
        }
    //ボタン
                    

    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}


//（２）問題集リストページ

//
//  MenuQ.swift
//  QQQ
//
//  Created by XXX on 2021/01/14.
//

import SwiftUI

struct MenuQ: View {
    var body: some View {

            List {
                Text("content 1")
                Text("content 2")
                Text("content 3")
                Text("content 4")
            }
            .navigationTitle("あ")
            .navigationBarTitleDisplayMode(.inline)
   
    }
}

struct MenuQ_Previews: PreviewProvider {
    static var previews: some View {
        MenuQ()
    }
}

既に解決されてると思いますが、paddingとかは一度弾きました、こうです。
navigationviewのなかのnavigationlink先で新たにnavigationviewを呼ばなくて大丈夫です。navigationviewをいちどよんだらそのview以降はnavigationviewが反映されていることになります。
わかりずらくてすみません。

投稿2021/01/26 07:46