【WWDC23】SwiftUIのPreviewで@Stateを使用する方法

はじめに

2023年6月6日、今年もWWDCが開催されました。
SwiftUIにもいくつか変更があり、その中でもまずPreviewの変更が目につきました。

Preview

以前までは、SwiftUIでBindingを使用した時のプレビューはこのように書いていました。

import SwiftUI

struct ContentView: View {
    @Binding var text: String
    
    var body: some View {
        VStack {
            TextField("", text: $text)
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    @State static var text: String = ""
    static var previews: some View {
        ContentView(text: $text)
    }
}

---

ところが、今回からPreviewの書き方が大きく変わり、このように書くことでPreviewにStateを持たせられるようになりました。

import SwiftUI

struct ContentView: View {
    @Binding var text: String
    
    var body: some View {
        VStack {
            TextField("", text: $text)
        }
        .padding()
    }
}

#Preview {
    @State var text = ""
    
    return ContentView(text: $text)
}

おわりに

だいぶ簡潔に書けるようになりました😆

Twitter

参考