ViewWithActivityIndicator
ViewWithActivityIndicator is a SwiftUI view that download and display image from URL and displaying Activity Indicator while loading .
ScreenShots
Demo app ViewWithActivityIndicatorDemo.
Installation
ViewWithActivityIndicator is a Swift Package and you can install it with Xcode 11:
- Copy SSH
[email protected]:blackwiz4rd/ViewWithActivityIndicator.gitor HTTPShttps://github.com/blackwiz4rd/ViewWithActivityIndicator.gitURL from github; - Open File/Swift Packages/Add Package Dependency... in Xcode 11;
- Paste the URL and follow steps.
Usage
ViewWithActivityIndicator must be initialized with a URL and optional placeholder image.
let url = ""
ViewWithActivityIndicator(imageURL: url)
ViewWithActivityIndicator(imageURL: url,placeHolder: "icon")
Using in a view:
import SwiftUI
import ViewWithActivityIndicator
struct ContentView : View {
let loader: ViewLoader = ViewLoader(url: "https://picsum.photos/300")
var body: some View {
ViewWithActivityIndicator(placeHolder: "", showActivityIndicator: true, viewLoader: loader) {
Image(uiImage: UIImage(data:self.loader.getData()) ?? UIImage())
}
}
}
Using in a list:
import SwiftUI
import ViewWithActivityIndicator
struct ContentView : View {
let urls: [String]
let loader: ViewLoader = ViewLoader(url: "https://picsum.photos/300")
var body: some View {
List(urls, id: \.self) { url in
HStack {
ViewWithActivityIndicator(imageURL: url)
.frame(width: 100.0, height: 100.0)
Text("\(url)")
}
}
}
}
ViewLoaders allows to create multiple loaders given a String array:
@available(iOS 13.0, *)
public struct ViewLoaders {
var loaders: [ViewLoader] = []
init(urls: [String]) {
for url in urls {
loaders.append(ViewLoader(url: url))
}
}
}
1 Mar 23, 2022
192 Dec 7, 2022
1.6k Jan 6, 2023
9 Dec 26, 2022
290 Dec 17, 2022
1 Jan 6, 2022
5 Jan 26, 2022
3.5k Dec 27, 2022
1k Jan 4, 2023
330 Sep 9, 2022
1 Oct 23, 2021
47 Jul 11, 2022
11 Oct 19, 2022
8.2k Jan 9, 2023
11 Dec 14, 2022
1.8k Dec 17, 2022
2.1k Dec 30, 2022
1.2k Dec 23, 2022