SwiftUI structure like Notification app?

Question

Created Jun ’20

Replies 1

Boosts 0

Views 1k

Participants 2

I'm a newbie with SwiftUI - I'm building an app that I'd like a somewhat similar View structure as the iOS Notifications app.

What set of View controllers does Apple use to make that app?

I want a vertical scrolling outer view and inside that scrolling pane - I will have 6 horizontal scrolling panes. Each of the horizontal scrolling panes will have many cards. I'd like the Cards to be stacked - like in Notifications - until the user decides to interact with that stack. Then I'd like the stack to unstack and scroll horizontal.

Is there a SwiftUI component set that would do this for me?

Boost

Answer 1

Technology Evangelist OP

Apple

Jun ’20

I'd suggest a structure along these lines:

Code Block swiftScrollview {
		LazyVStack {
				ExpandableCardView()
		}
}

then ExpandableCardView would be a custom View that uses a tap gesture to toggle its layout. Something like:

Code Block swiftstruct ExpandableCardView: View {
		@State private var isExpanded = false
		@ViewBuilder
		var body: some View {
				if isExpanded {
						Scrollview(.horizontal) {
								HStack { /* your cards here */ } 
						}
				} else {
						/* collapsed version here with tap gesture */
				}
		}
}

0