Xcode preview support for custom views

[merbula]

Is there a way to get Xcode preview working when using custom views? For example custom login preview gives error: "'SignInState' initializer is inaccessible due to 'internal' protection level"

struct MyCustomLoginView: View {
@StateObject var state: SignInState

var body: some View {
    VStack {
    ...
    ...
    }
}

}

#Preview {
let state = SignInState(...)
return MyCustomLoginView(state: state)
}

[5d]

Hi @merbula, thank you for raising this issue. Our team will discuss and evaluate whether this should be considered an expected functionality or if it requires implementation as a new feature.

[sebaland]

Using Xcode previews with custom views is currently not supported, as the states are not meant to be initialized outside the component.

In the meantime, you can workaround this restriction for custom Sign In, Sign Up and Reset Password views by using the Authenticator and setting the initialStep to one of those. For example:

#Preview {
    Authenticator(
        initialStep: .signIn,
        signInContent: { state in
            MyCustomLoginView(state: state)
        }
    ) { state in
        Text("Test")
    }
}

[sebaland]

This has been addressed in version 1.1.2 with the introduction of a PreviewFactory utility that provides empty and no-opt states that you can use in previews.

For example:

import Authenticator

struct CustomSignInView: View {
    @ObservedObject var state: SignInState

    var body: some View { /*...*/ }
}

#Preview {
    CustomSignInView(
        state: PreviewFactory.States.signIn()
    )
}

[github-actions]

This issue is now closed. Comments on closed issues are hard for our team to see.
If you need more assistance, please open a new issue that references this one.
If you wish to keep having a conversation with other community members under this issue feel free to do so.