Custom loading button with progress swiftui

Tariqul

Last update: Dec 14, 2022

Related tags

Button CustomLoadingButton

Overview

CustomLoadingButton

Simple Custom Loading Progress Button for SwiftUI Version 1.0.0

This version requires

Xcode 11+ SwiftUI iOS 13+ macOS 10.15+

Installaion

File ➜ Swift Packages ➜ Add Package Dependancy..

Swift Package Manager Add CustomLoadingButton as dependency in your Package.swift

import CustomLoadingButton

let package = Package(
    name: "YourPackage",
    dependencies: [
        .Package(url: "https://github.com/tariqul000/CustomLoadingButton.git", majorVersion: 1.0.0),
    ]
)

Add style with progress persentage

var style = LoadingButtonStyle(width: 312,
                                height: 54,
                                cornerRadius: 27,
                                backgroundColor: .gray,
                                loadingColor: Color.orange.opacity(0.5),
                                strokeWidth: 5,
                                strokeColor: .orange,
                                progressType: ProgressType.persentageProgress)

Button calling

@State var isLoading: Bool = false
CustomLoadingButton(action: {
               // Your Action here
     }, isLoading: $isLoading,progress: $progressValue, style: style) {
     HStack{
     Image(systemName: "clear.fill").foregroundColor(Color.white)
     Text("LoadingButton").foregroundColor(Color.white)
    }
}

Contribute

I would love you for the contribution to CustomLoadingButton, check the LICENSE file for more info.

Inspired

Spinner animations inspired from LoadingButton

You might also like...

Floaty is simple floating action button for iOS.

Floaty is simple floating action button for iOS. (formerly KCFloatingActionButton) Why change the name? Follow the swift naming convention. KCF

1.5k Jan 7, 2023

IGStoryButtonKit provides an easy-to-use button with rich animation and multiple way inspired by instagram story/stories.

Introduction Have you ever seen UI like instagram story, haven't you? Actually, features like instagram story have been implemented in many applicatio

34 Nov 8, 2022

LTHRadioButton - A radio button with a pretty animation

LTHRadioButton Slightly inspired by Google's material radio button. The clip below has 3 sections: full speed, 25% and 10%, but after converting it to

368 Dec 16, 2022

Multiple state tap-to-toggle UIButton (like old camera flash button)

Multiple State Toggle UIButton A UIButton subclass that implements tap-to-toggle button text. (Like the camera flash and timer buttons) Usage Just cre

83 Oct 11, 2022

Lickable-Button We made the buttons on the screen look so good you'll want to lick them

Lickable-Button We made the buttons on the screen look so good you'll want to lick them. - Steve Jobs A little SwiftUI button project at WWDC 2021 Lic

14 Dec 29, 2021

iOS Pod for a Soft UI (Neumorphic) Button for UIKit written in Swift

21 Oct 23, 2022

iOS 7-style bouncy button.

SSBouncyButton SSBouncyButton is simple button UI component with iOS 7-style bouncy animation. Take A Look Try It! pod 'SSBouncyButton', '~ 1.0' Use

310 Dec 15, 2022

Flat button with 9 different states using POP

VBFPopFlatButton Flat button with 21 different states and 2 types animated using pop. These are some examples of both types in different states: And h

3.1k Nov 30, 2022

Flat design pressable button for iOS developers.

HTPressableButton HTPressableButton is designed for iOS developers to be able to spend time developing ideas, not building basic buttons. These stylis