ScrollView(.horizontal, showsIndicators: false){
   HStack{
      ForEach(self.imageArray, id: \.self) {image in
         Image(uiImage: image)
            .resizable()
            .frame(maxWidth: 200, maxHeight: 200, alignment: .center)
            .aspectRatio(contentMode: .fit)
            .onTapGesture {} // ScrollViewとLongPressGestureを併用するために設置
            .onLongPressGesture(minimumDuration: 0.5) {
               // do something
            }
      }
   }
}

Longpress and list scrolling

NavigationBarの装飾

init(){
        // 背景を透明にする
        UINavigationBarAppearance().configureWithTransparentBackground() // 背景を透明にする
        //UINavigationBar.appearance().barTintColor = .white // navigationBarの背景色
        UINavigationBar.appearance().titleTextAttributes = [.foregroundColor: UIColor.blue] // タイトル文字装飾
        // navigationBarの下線と影を消す
        UINavigationBar.appearance().setBackgroundImage(UIImage(), for: UIBarMetrics.default)
        UINavigationBar.appearance().shadowImage = UIImage()
    }

【SwiftUI】NavigationView タイトルカスタマイズ方法
 Navigation Barのボーダーを削除する

TabViewの挙動

TabView と NavigationBar を組み合わせた際におかしな挙動があるので、注意。なお、 TabBarItem の装飾には、 accentColor モディファイアを使う

TabBarView

import SwiftUI
struct TabBarView: View {    
    // 選択していない「アイコンとテキスト」の色定義
    init() {
        UITabBar.appearance().unselectedItemTintColor = UIColor.gray
    }

    @State var selectedTab = 0

    var body: some View {
        ZStack {
            TabView(selection: $selectedTab) {
                ContentView()
                    .tabItem {
                        Image(systemName: "star.circle.fill")
                        Text("Dummy")
                    }
                    .tag(0)
                ContentView()
                    .tabItem {
                        Image(systemName: "star.circle.fill")
                        Text("Card")
                    }
                    .tag(1)
            }.accentColor(.black)
        }
    }
}

ContentView

import SwiftUI
struct ContentView: View {
    var body: some View {
        NavigationView {
            ZStack {
                Text("Hello")
            }.navigationBarTitle(Text("Nav_Title"))
            // ↑ここが正しい
        }//.navigationBarTitle(Text("Nav_Title"))
         // ↑ここにタイトルを設定（あるいはNavItemだけを設定してタイトルはnil）すると、何故か選択時のtabBarItemのテキストに設定される
    }
}

参考リンク

_UIViewRepresentable_に準拠した構造体のプロパティ変化を連係する

　下記のようにシングルトンパターンを採用する場合、UIViewRepresentable_に準拠した構造体（下記の例の_MyView）を再利用できないので、_DataSource_クラスでプロパティを必要なだけ用意する必要があります。

class DataSource: ObservableObject {
    static let dataSource = DataSource() // シングルトンとし、「MyView」のプロパティ変化を「ContentView」に伝える
    @Published var foo: String = ""
}

struct MyView: UIViewRepresentable {
    
    // TextViewをSwiftUI化する例
    final class Coordinator: NSObject, UITextViewDelegate {

    // updateUIViewで値を渡してもいいかもしれない
    func textViewDidChange(_ textView: UITextView) {
       let dataSource = DataSource.shared
       dataSource.foo = textView.text
    }

}

struct ContentView: View {
    @ObservedObject var dataSource = DataSource.shared
    var body: some View {
       // 通知されたプロパティ変化をViewで表示
    }
}

Prevent the Reload of Whole SwiftUI Body on State Changes by Decoupling Independent Views

出典：SwiftUI Tips and Tricks
Being a state-driven framework, whenever a state is changed, all the views in the SwiftUI body get refreshed — including the ones that weren’t bound to that state.

Sometimes, you might wish there was a way to avoid refreshing the whole body. Luckily, you can do this by separating the views that aren’t dependent on the state, as shown below:

In the code above, the RandomText no longer refreshes the text when the bottom sheet is presented or dismissed.

NotificationCenterの購読 @SwiftUI

発行側（class）

extension Notification.Name {
    static let bar = Notification.Name("bar")
}

class hoge{
   func fuga(){
      let userInfo = ["foo": true] as [String: Bool]
      NotificationCenter.default.post(name: .bar, object: nil, userInfo: userInfo)
   }
}

購読側（struct）

import SwiftUI
struct ContentView: View {
   var body: some View {
      VStack{
         // show something
      }
      .onReceive( NotificationCenter.default.publisher(for: .bar))
      { obj in
         if let userInfo = obj.userInfo, let info = userInfo["foo"] as? Bool{
            // do something
         }
      }
   }
}

AndroidのToast風UIの実装

import SwiftUI

struct Toast<Presenting>: View where Presenting: View {
    /// The binding that decides the appropriate drawing in the body.
    @Binding var isShowing: Bool
    /// The view that will be "presenting" this toast
    let presenting: () -> Presenting
    /// The text to show
    let text: Text
    let delay: TimeInterval = 2
    let toastHeight: CGFloat = 60

    var body: some View {
        
        if self.isShowing {
            DispatchQueue.main.asyncAfter(deadline: .now() + self.delay) {
                withAnimation {
                    self.isShowing = false
                }
            }
        }

        return GeometryReader { geometry in

            ZStack(alignment: .bottom) {

                self.presenting()
                    .blur(radius: self.isShowing ? 1 : 0)

                VStack {
                    self.text
                }
                .frame(width: geometry.size.width / 2,
                       height: self.toastHeight)
                .background(Color.secondary.colorInvert())
                .foregroundColor(Color.primary)
                .cornerRadius(20)
                .transition(.identity)
                .opacity(self.isShowing ? 1 : 0)

            }.padding(.bottom, 30)
        }
    }
}

extension View {

    func toast(isShowing: Binding<Bool>, text: Text) -> some View {
        Toast(isShowing: isShowing,
              presenting: { self },
              text: text)
    }

}

struct ContentView: View {
    @State var showToast: Bool = false
    var body: some View {
       VStack(){
          // show something
       }.toast(isShowing: self.$showToast, text: Text("Pls Put Something!"))
       
       // ボタンアクションなどで、"showToast"をonにする
    }
}

SwiftUI: Global Overlay That Can Be Triggered From Any View

Drawing a Border with Rounded Corners for Buttons and Text

overlayモディファイアを使う。
Drawing a Border with Rounded Corners for Buttons and Text

Leverage Frame Modifier for Filling Views

出典：SwiftUI Tips and Tricks
By default, views occupy minimal space on the screen. For instance, the following TextView wraps itself:

To expand the views to fill the super view space, we can leverage the frame modifier and set the maxWidth and maxHeight properties in it to infinity, as shown below:

enumを使って複数のモーダル遷移を実装する

　Identifiableに準拠したenumを作成し、その値を.sheet(item:)に設定する。itemなので、nilかどうかで、モーダル遷移する（このため、ラッパープロパティはオプショナル型）。

enum Sheet: Identifiable {
    case info
    case settings
    
    var id: Int {
      hashValue
    }
  }
  struct ContentView: View {
    @State var activeSheet: Sheet?
    
    var body: some View {
      VStack(spacing: 50) {
        Text("Main View")
          .font(.largeTitle)
        
        Button(action: {
          activeSheet = .info
        }, label: {
          Label("Show Info View", systemImage: "info.circle")
        })
        
        Button(action: {
          activeSheet = .settings
        }, label: {
          Label("Show Settings View", systemImage: "gear")
        })
      }
      .sheet(item: $activeSheet) { sheet in
        switch sheet {
        case .info:
          InfoView()
        case .settings:
          SettingsView()
        }
      }
    }
  }

extensionを作成する場合は、こんな感じ。

extension Sheet {
    var modalView: AnyView {
      switch self {
      case .info:
        return AnyView(InfoView())
      case .settings:
        return AnyView(SettingsView())
      }
    }
}

// 使い方１
.sheet(item: $activeSheet) { $0.modalView }
// 使い方２
.sheet(item: $activeSheet, content: \.modalView)

Modifierのスタイルをテンプレート化

Packageの編集

Video： Creating Swift Packages
実装例： Editing A Swift Package

（一部抜粋）

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up