SOLVED: Form/List conditional for iOS and MacOS

@arroyot24

May '23

I'm trying not to duplicate my views when adapting my iOS apps to MacOS. But in one view I have just a word to change for conditioning its display:

Form {
    Section {
        DisclosureGroup("First evaluation") {
            HStack {
                //...

I need to use "Form" for iOS and "List" for MacOS, due to scrolling questions. But conditionals I usually manage for that purpose...

#if os(iOS)
    //Form
#else
    //List
#endif

...can't be used here.

Is there anyway not having to duplicate all my view just for this word😅?

@NigelGee HWS+

May '23

You could try something like this

Set this up

struct FormList<Content: View>: View {
    @ViewBuilder let content: () -> Content

    var body: some View {
        #if os(iOS)
        Form {
            content()
        }
        #else
        List {
            content()
        }
        #endif
    }
}

Then you can use it as such

struct ContentView: View {
    var body: some View {
        FormList {
            Text("One")
            Text("Two")
            Text("Three")
            Text("Four")
            Text("Five")
        }
    }
}

I have not tested on macOS but seems to work on iOS

@arroyot24

May '23

That's exactly what I was looking for! Thank you sooo much.

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

All interactions here are governed by our code of conduct.