-
-
Save hanrw/02b7f360ccd3243a3d6bbe42d1eff2b5 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import SwiftUI | |
struct RefreshControl: View { | |
var coordinateSpace: CoordinateSpace | |
var onRefresh: ()->Void | |
@State var refresh: Bool = false | |
var body: some View { | |
GeometryReader { geo in | |
if (geo.frame(in: coordinateSpace).midY > 50) { | |
Spacer() | |
.onAppear { | |
if refresh == false { | |
onRefresh() ///call refresh once if pulled more than 50px | |
} | |
refresh = true | |
} | |
} else if (geo.frame(in: coordinateSpace).maxY < 1) { | |
Spacer() | |
.onAppear { | |
refresh = false | |
///reset refresh if view shrink back | |
} | |
} | |
ZStack(alignment: .center) { | |
if refresh { ///show loading if refresh called | |
ProgressView() | |
} else { ///mimic static progress bar with filled bar to the drag percentage | |
ForEach(0..<8) { tick in | |
VStack { | |
Rectangle() | |
.fill(Color(UIColor.tertiaryLabel)) | |
.opacity((Int((geo.frame(in: coordinateSpace).midY)/7) < tick) ? 0 : 1) | |
.frame(width: 3, height: 7) | |
.cornerRadius(3) | |
Spacer() | |
}.rotationEffect(Angle.degrees(Double(tick)/(8) * 360)) | |
}.frame(width: 20, height: 20, alignment: .center) | |
} | |
}.frame(width: geo.size.width) | |
}.padding(.top, -50) | |
} | |
} | |
struct PullToRefreshDemo: View { | |
var body: some View { | |
ScrollView { | |
RefreshControl(coordinateSpace: .named("RefreshControl")) { | |
//refresh view here | |
} | |
Text("Some view...") | |
}.coordinateSpace(name: "RefreshControl") | |
} | |
} | |
struct PullToRefreshDemo_Previews: PreviewProvider { | |
static var previews: some View { | |
PullToRefreshDemo() | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment