An operation through a message at the bottom of the screen

SnackBar.swift

SnackBar provide brief feedback about an operation through a message at the bottom of the screen. SnackBar contain up to two lines of text directly related to the operation performed. They may contain a text action.

Screenshots

Using

Without Action

SnackBar.make(in: self.view, message: "The Internet connection appears to be offline.", duration: .lengthLong).show()

With Action

 SnackBar.make(in: self.view, message: "The Internet connection appears to be offline.", duration: .lengthLong).setAction(with: "Retry", action: {

   print("retry Tapped")

  }).show()

Change Style

class AppSnackBar: SnackBar {
	
	override var style: SnackBarStyle {
		var style = SnackBarStyle()
		style.background = .red
		style.textColor = .green
		return style
	}
}

 AppSnackBar.make(in: self.view, message: "The Internet connection appears to be offline.", duration: .lengthLong).show()

Duration

Duration Value
lengthLong 3.5
lengthShort 2
infinite Manual dismiss or swipe SnackBar (left, right, up, down)
custom(CGFloat) Based on your input

Style

Attribute Type Default value
style.background UIColor UIColor.systemGray6
style.textColor UIColor UIColor.label
style.font UIFont UIFont.systemFont(ofSize: 14)
style.actionTextColorAlpha CGFloat 0.5
style.actionFont UIFont UIFont.systemFont(ofSize: 17)
style.actionTextColor UIColor UIColor.red

Requirements

  • iOS 12.0+
  • Swift 5.0+
  • Xcode 10.0+

Installation

SnackBar.swift is available through CocoaPods. To install
it, simply add the following line to your Podfile:

pod 'SnackBar.swift'

Author

Ahmad Almasri, ahmed.almasri@ymail.com

GitHub