Combine views in SwiftUI

Question

rinuality OP

Created Nov ’23

Replies 2

Boosts 0

Participants 2

Hi there,

I am still quite new to Swift and want to combine a few views into one single view. But the problem is, that if I do it like in the following code, there are windows for each view. Is there a chance to code it that it is one coherent view where I can scroll through?

Thank you for your help!

Laurin

    @AppStorage("MediAnsicht") var MedisEinfacheAnsicht = false
    var body: some View {
        if MedisEinfacheAnsicht == true {
                AcetylsalicylsaeureAllgInfos()
                AcetylsalicylsaeureKontraind()
                AcetylsalicylsaeureUAWs()
        } else {
            AcetylsalicylsaeureMenu()
        }
    }
}

Bildschirmfoto 2023-11-02 um 09.10.12.png

Answered by rinuality in 770871022

@shipty Thank you for your answer! Unfortunately the result did not look as I hoped. I found a solution. Instead of using ScrollView I could use Form, like this:

    @AppStorage("MediAnsicht") var MedisEinfacheAnsicht = false
    var body: some View {
        if MedisEinfacheAnsicht == true {
            Form {
                Section {
                    Image("AcetylsalicylsaeureMediLabel")
                        .resizable()
                        .scaledToFit()
                    NavigationLink(destination: AcetylsalicylsaeureSAA()){
                        Text("SAA anzeigen")
                            .foregroundColor(Color("SAAColor"))
                    }
                }
                AcetylsalicylsaeureAllgInfos()
                AcetylsalicylsaeureKontraind()
                AcetylsalicylsaeureUAWs()
                AcetylsalicylsaeureInd()
                AcetylsalicylsaeureDurchDo()
                AcetylsalicylsaeureAltBeg()
                AcetylsalicylsaeureBesond()
                AcetylsalicylsaeureVerlKon()
                AcetylsalicylsaeureErfPr()
                AcetylsalicylsaeureFoMass()
            }
        } else {
            AcetylsalicylsaeureMenu()
        }
    }
}

When I use ScrollView, it looks like this:

Bildschirmfoto 2023-11-03 um 07.46.42.png

With Form it looks like this:

Bildschirmfoto 2023-11-03 um 07.46.54.png

But thank you so much for your help! :)

Laurin

Boost

Answer 1

shipty OP

Nov ’23

From my understanding of your question I think what you're looking for is ScrollView.

Just wrap all the views in a ScrollView and you'll get one coherent, scrollable view.

Like so:

 @AppStorage("MediAnsicht") var MedisEinfacheAnsicht = false
    var body: some View {
        if MedisEinfacheAnsicht == true {
            ScrollView {
                AcetylsalicylsaeureAllgInfos()
                AcetylsalicylsaeureKontraind()
                AcetylsalicylsaeureUAWs()
            }
        } else {
            AcetylsalicylsaeureMenu()
        }
    }
}

0

Answer 2

rinuality OP

Nov ’23

Accepted Answer

@shipty Thank you for your answer! Unfortunately the result did not look as I hoped. I found a solution. Instead of using ScrollView I could use Form, like this:

    @AppStorage("MediAnsicht") var MedisEinfacheAnsicht = false
    var body: some View {
        if MedisEinfacheAnsicht == true {
            Form {
                Section {
                    Image("AcetylsalicylsaeureMediLabel")
                        .resizable()
                        .scaledToFit()
                    NavigationLink(destination: AcetylsalicylsaeureSAA()){
                        Text("SAA anzeigen")
                            .foregroundColor(Color("SAAColor"))
                    }
                }
                AcetylsalicylsaeureAllgInfos()
                AcetylsalicylsaeureKontraind()
                AcetylsalicylsaeureUAWs()
                AcetylsalicylsaeureInd()
                AcetylsalicylsaeureDurchDo()
                AcetylsalicylsaeureAltBeg()
                AcetylsalicylsaeureBesond()
                AcetylsalicylsaeureVerlKon()
                AcetylsalicylsaeureErfPr()
                AcetylsalicylsaeureFoMass()
            }
        } else {
            AcetylsalicylsaeureMenu()
        }
    }
}

When I use ScrollView, it looks like this:

Bildschirmfoto 2023-11-03 um 07.46.42.png

With Form it looks like this:

Bildschirmfoto 2023-11-03 um 07.46.54.png

But thank you so much for your help! :)

Laurin

0