screen-template-4

screen-template-4

struct MyFabScreenDestination: View {
    let myFabScreenViewModel: MyFabScreenViewModel
    @State private var viewState: MyFabScreenViewModel.ViewState
    
    init(myFabScreenViewModel: MyFabScreenViewModel) {
        self.myFabScreenViewModel = myFabScreenViewModel
        _viewState = State(initialValue: myFabScreenViewModel.defaultViewState())
    }
    
    var body: some View {
        JuicyScreenTemplate(
            screenState: viewState.screenState,
            screenToolbarViewState: viewState.screenToolbarViewState,
            screenCallToActionViewState: viewState.screenCallToActionViewState,
            onCallToActionTapped: { myFabScreenViewModel.onAction(action: MyFabScreenViewModel.UiActionNextClicked()) },
            content: {
                VStack {
                    Text("Loaded!")
                }
            }
        )
        .onAppear {
            myFabScreenViewModel.onAttach()
            myFabScreenViewModel.nativeViewStateStream().watch { state in
                guard let newState = state else {
                    return
                }
                self.viewState = newState
            }
        }
        .onDisappear {
            myFabScreenViewModel.onDetach()
        }
    }
}