開発
タグ SwiftUI ActivityIndicator
SwiftUIでActivityIndicatorを使う方法を紹介します。
SwiftUI製のActivityIndicatorは今のところないので、UIKitのUIActivityIndicatorを使う必要があります。
UIKitのViewをSwiftUIで使用するには、UIViewRepresentableを使用します。
import SwiftUI
import UIKit
struct ActivityIndicator: UIViewRepresentable {
typealias UIViewType = UIActivityIndicatorView
@Binding var isAnimating: Bool
let style: UIActivityIndicatorView.Style
func makeUIView(context: UIViewRepresentableContext<ActivityIndicator>) -> ActivityIndicator.UIViewType {
UIActivityIndicatorView(style: style)
}
func updateUIView(_ uiView: UIActivityIndicatorView, context: UIViewRepresentableContext<ActivityIndicator>) {
isAnimating ? uiView.startAnimating() : uiView.stopAnimating()
}
}これでSwiftUIのViewからActivityIndicatorを使うことができるようになります。
struct MyView: View {
@State var isLoading: Bool = false
var body: some View {
VStack {
ActivityIndicator(isAnimating: $isLoading, style: .medium)
}
}
}オススメ記事
-
2020/1/3開発
FirebaseでCloud Storageに画像をアップロードする
今FirebaseとReactでアプリを開発中で、画像をアップロードする部分を作ったのでメモ。
-
2020/1/1開発
2020年にネイティブアプリを開発する方法
去年2019年にネイティブアプリを開発する方法という記事を書きました。その中では1. ネイティブ言語、ネイティブプラットフォーム, 2. React Native, 3. Flutterの3つの方法を紹介していました。2020年はどういう感じになりそうか、という実感を書いておきたいと思います。
-
2019/12/14開発
GitHub Pagesでブログを運用し始めてから4年くらいたった
このサイトはGitHub Pagesで運用しています。運用を開始してから4年くらいたったので、GitHub Pages運用のTipsでも書いておこうかと思います。
-
2019/12/6開発
UIScrollViewとUIStackViewで、UITableViewのハイライトを作る
UITableViewのようなレイアウトを作る際に、UIScrollViewとUIStackViewを使って作る場合もあるかと思います。UITableViewは選択されたセルをハイライトすることができますが、UIScrollViewとUIStackViewの場合はそのままではハイライトができません。今回はセルのハイライトを再現する方法を紹介します。
-
2019/11/26開発
SwiftUIでNavigationLinkがクラッシュする - Tried to pop to a view controller that doesn't exist
SwiftUIで、公式チュートリアルで紹介されているPageViewの中にNavigationLinkを入れて、プッシュ遷移した後に戻るボタンでポップすると、Tried to pop to a view controller that doesn't exist というエラーが発生してクラッシュしてしまいました。
-
2019/11/2開発
GitHub Sponsorsに登録する方法
先日GitHub Sponsorsに承認されました。GitHub Sponsorsに登録することで、スポンサーを募ることができます。逆に、OSS開発をしている開発者のスポンサーになることができます。
-
2019/10/21開発
SwiftUIでListの中でNavigationLinkを複数使うとうまく動かない
SwiftUIでListの中でNavigationLinkを複数使うとうまく動かなかったのでメモです。
-
2019/10/14開発
iPhoneシミュレーターでダークモードにする方法
iPhoneシミュレーターでダークモードにする方法を紹介します。
-
2019/10/12開発
SwiftUIでURLから画像を取得して表示する方法
SwiftUIでURLから画像を取得して表示する方法を紹介します。
-
2019/10/12開発
SwiftUIでUIPageViewControllerとSegmentedControlを使う方法
SwiftUIでUIPageViewControllerとSegmentedControlを使う方法を紹介します。
運営者プロフィール
MasamichiUeta
ソフトウェアエンジニアです。ソフトウェアエンジニアリング、アプリ開発、ブロックチェーン、家族、ガジェット、Apple関係のことについて書いています。