- July 26, 2025
- Mins Read
Simple Loading Animation Button for SwiftUI
📹 Preview
File ➜ Swift Packages ➜ Add Package Dependancy..
.package(url: “https://github.com/Changemin/LoadingButton”, from: “1.1.2”)
LoadingButton(action: { }, isLoading: <Binding>Bool, style: LoadingButtonStyle) {
// View on the button
// style is optional parameter
action
: Actions to do when button clickedisLoading
: <Binding>Bool
type. you can control loading status with this.style
(Optional) : Custom style with LoadingButtonStyle
LoadingButtonStyle(width: CGFloat,
height: CGFloat,
cornerRadius: CGFloat,
backgroundColor: Color,
loadingColor: Color,
strokeWidth: CGFloat,
strokeColor: Color)
// All of the parameter is optional
width
(Optional) : Width of buttonheight
(Optional) : Height of buttoncornerRadius
(Optional) : Corner radius of buttonbackgroundColor
(Optional) : Background color of buttonloadingColor
(Optional) : Background color of button when Loading
, default is 50% opacity of backgroundColor
strokeWidth
(Optional) : Circle loading indicator stroke widthstrokeColor
(Optional) : Circle loading indicator stroke Color(default: gray)
import SwiftUI
import LoadingButton
struct ContentView: View {
@State var isLoading: Bool = false
var body: some View {
LoadingButton(action: {
// Your Action here
}, isLoading: $isLoading) {
Text(“LoadingButton”).foregroundColor(Color.white)
}
}
}
import SwiftUI
import LoadingButton
struct ContentView: View {
@State var isLoading: Bool = false
var style = LoadingButtonStyle(width: 312,
height: 54,
cornerRadius: 27,
backgroundColor: .orange,
loadingColor: Color.orange.opacity(0.5),
strokeWidth: 5,
strokeColor: .gray)
var body: some View {
LoadingButton(action: {
// Your Action here
}, isLoading: $isLoading, style: style) {
Text(“Styled LoadingButton”).foregroundColor(Color.white)
}
}
}
import SwiftUI
import LoadingButton
struct ContentView: View {
@State var isLoading: Bool = false
var body: some View {
LoadingButton(action: {
// Your Action here
}, isLoading: $isLoading, style: LoadingButtonStyle(cornerRadius: 27, backgroundColor: .orange)) {
Text(“Styled LoadingButton”).foregroundColor(Color.white)
}
}
}
NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...
An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...
With SwiftUI Router you can power your SwiftUI app with path-based routing. By utilizing a path-based system, navigation in your app becomes ...
This package takes SwiftUI's familiar and powerful NavigationStack API and gives it superpowers, allowing you to use the same API not just ...