Shimmer Effect Using SwiftUI - Shimmer Animation Effect Using SwiftUI - SwiftUI Tutorials

In this Video i'm going to show how to create Shimmer Effect Using SwiftUI | Shimmer Animation Using SwiftUI | Facebook Shimmer Effect Using SwiftUI | Custom Animations Using SwiftUI.

Source Code

Support Us By Visiting the Link Given Below.

My Xcode Version is 11.4
My macOS Version is 10.15.3 Catalina

For Any Queries And Any Request For Videos Use The Given Link

For More

Instagram

Twitter

[Mahadev-xu]

Shimmer .... is something. Great. Gratitude

[DavidMcRae]

Have you tested this in Xcode 12 and iOS 14?

[josephhooper]

Thanks for the tutorial! Do you plan to update it so it will work in Xcode 12? Thanks again!

[NotoriousGarage]

Well, My cards(Color.black) are moving like a loader, they are dynamic like (Color.white) Other just woks fine as shown.
Here's my code for CardShimmer:


struct CardShimmer: View {
@State var show = false
var center = (UIScreen.main.bounds.width / 2) + 110

var body: some View {

ZStack{

Color.black
.opacity(0.09)
.frame(height:200)
.cornerRadius(10)


Color.white
.frame(height:200)
.cornerRadius(10)
.mask(
Rectangle()
.init(colors: [.clear, Color.white.opacity(0.48), .clear]), startPoint: .top, endPoint: .bottom))
70))
.offset(x: self.show ? center : -center)
)



}
.padding(.horizontal)
.padding(.top)
.onAppear{
withAnimation(
Animation.default
.speed(0.15)
.delay(0)
.repeatForever(autoreverses: false)){
self.show.toggle()
}
}
}
}