Skip to main content

Posts

Showing posts from May, 2021

SwiftUI Template - Layout with scrolling elements in both vertical and horizontal axis

Most common layouts usually contains scrolling elements. If your layout requirement matches below SwiftUI design template, you can quickly start with your screen design.  List View of SwiftUI also can achieve similar result. We can consider alternative approach all together. Result : Full Source code: struct MovieListView: View { var body: some View { NavigationView { ZStack { Color.black.edgesIgnoringSafeArea(.all) ScrollView { VStack(alignment: .leading) { Text( "Horizontal Cards" ).foregroundColor(.white).bold().padding() //Section 1 ScrollView(.horizontal) { HStack(spacing: 16) { MovieSmallCard() MovieSmallCard() MovieSmallCard()