ساخت یک نمای Modal با SwiftUI — از صفر تا صد

1import SwiftUI
2import ModalView
3
4struct ContentView: View {
5    var body: some View {
6        ModalPresenter {
7            Text("Hello")
8        }
9    }
10}

1...
2struct ContentView: View {
3    var body: some View {
4        ModalPresenter {
5            ModalLink(destination: Text("?")) {
6                Text("Hello")
7            }
8        }
9    }
10}

1struct ContentView: View {
2    var body: some View {
3        NavigationView {
4            ModalPresenter() {
5                Form {
6                    Section(header: Text("Animals")) {
7                        ModalLink(destination: Text("?")) {
8                            Text("Show ?")
9                        }
10                        ModalLink(destination: Text("?")) {
11                            Text("Show ?")
12                        }
13                        ModalLink(destination: Text("?")) {
14                            Text("Show ?")
15                        }
16                    }
17                    Section(header: Text("Plants")) {
18                        ModalLink(destination: Text("?")) {
19                            Text("Show ?")
20                        }
21                        ModalLink(destination: Text("?")) {
22                            Text("Show ?")
23                        }
24                        ModalLink(destination: Text("?")) {
25                            Text("Show ?")
26                        }
27                    }
28                }
29            }.navigationBarTitle("Actions")
30        }
31    }
32}

1struct ContentView: View {
2
3    @State var isPresented: Bool = false // Creating a state
4    var body: some View {
5        Button(action: { self.isPresented.toggle() }) { // Button to show the modal view by toggling the state
6            Text("Show ?")
7        }.sheet(isPresented: $isPresented) { // Passing the state to the sheet API
8            Text("?")
9        }
10    }
11
12}

1struct ContentView: View {
2    @State var isPresented1: Bool = false
3    @State var isPresented2: Bool = false
4    @State var isPresented3: Bool = false
5    @State var isPresented4: Bool = false
6    @State var isPresented5: Bool = false
7    @State var isPresented6: Bool = false
8
9    var body: some View {
10        NavigationView {
11            Form {
12                Section(header: Text("Animals")) {
13                    Button(action: { self.isPresented1.toggle() }) {
14                        Text("Show ?")
15                    }.sheet(isPresented: $isPresented1) {
16                        Text("?")
17                    }
18                    Button(action: { self.isPresented2.toggle() }) {
19                        Text("Show ?")
20                    }.sheet(isPresented: $isPresented2) {
21                        Text("?")
22                    }
23                    Button(action: { self.isPresented3.toggle() }) {
24                        Text("Show ?")
25                    }.sheet(isPresented: $isPresented3) {
26                        Text("?")
27                    }
28                }
29                Section(header: Text("Plants")) {
30                    Button(action: { self.isPresented4.toggle() }) {
31                        Text("Show ?")
32                    }.sheet(isPresented: $isPresented4) {
33                        Text("?")
34                    }
35                    Button(action: { self.isPresented5.toggle() }) {
36                        Text("Show ?")
37                    }.sheet(isPresented: $isPresented5) {
38                        Text("?")
39                    }
40                    Button(action: { self.isPresented6.toggle() }) {
41                        Text("Show ?")
42                    }.sheet(isPresented: $isPresented6) {
43                        Text("?")
44                    }
45                }
46            }
47            .navigationBarTitle("Actions")
48        }
49    }
50}