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() ...
Recently I published a countdown app . At one point of development - I have to show a timer on a UILabel which ticks on each seconds. As usual I started setting text to a label object - self .timerLabel.text = someString Easy piece of cake right !? But wait ... it won't take much user attention when timer ticks on every seconds. So I decided to make use of a simple animation while label gets text update. I found there are dozens of ways to animate a label. In this short article, I listed 3 best way you can animate text on a label. ( Spoiler Alert 👀- I decided to go with 3rd option) 1. Fade In - Fade out animation : CATransition class has got transition type `fade`. With timing function of CATransition - I was able to see the below result. let animation: CATransition = CATransition () animation.timingFunction = CAMediaTimingFunction (name: CAMediaTimingFunctionName .easeInEaseOut) animation.type = CATransitionType .fade animation.subtype = C...