Add Simple Template Example

- Add a simple Template example that shows a user profile with avatar, displayName and presence.
- ScreenCoordinator: closure based with less protocols and delegates.
- Reducer: Reducer function that manages all state modifications.
- SwiftUI View: Decomposes UI into appropriate sub components.
- Uses Theme and Dependency Management Infrastructure
This commit is contained in:
David Langley
2021-09-06 17:12:31 +01:00
parent 495f903a3c
commit 932ee0ac07
18 changed files with 438 additions and 31 deletions
@@ -19,32 +19,61 @@ import SwiftUI
@available(iOS 14.0, *)
struct TemplateUserProfile: View {
enum Result {
case cancel
case done
}
typealias Completion = (Result) -> Void
@Environment(\.theme) var theme: ThemeSwiftUI
@ObservedObject var viewModel: TemplateUserProfileViewModel
var header: some View {
var completion: Completion
var leftButton: some View {
Button(VectorL10n.cancel) {
completion(.cancel)
}
}
var rightButton: some View {
Button(VectorL10n.done) {
completion(.done)
}
}
var body: some View {
VStack {
if let avatar = viewModel.viewState.avatar {
HStack{
TemplateUserProfileHeader(
avatar: viewModel.viewState.avatar,
displayName: viewModel.viewState.displayName,
presence: viewModel.viewState.presence
)
Divider()
VStack{
HStack(alignment: .center){
Spacer()
AvatarImage(avatarData: avatar, size: .xxLarge)
Text("More great user content!")
.font(theme.fonts.title2)
.foregroundColor(theme.colors.secondaryContent)
Spacer()
}
}
Text(viewModel.viewState.displayName ?? "")
}
}
var body: some View {
VectorForm {
header
.frame(maxHeight: .infinity)
}
.frame(maxHeight: .infinity)
.navigationTitle(viewModel.viewState.displayName ?? "")
.navigationBarItems(leading: leftButton, trailing: rightButton)
}
}
@available(iOS 14.0, *)
struct TemplateUserProfile_Previews: PreviewProvider {
static var previews: some View {
TemplateUserProfile(viewModel: TemplateUserProfileViewModel(userService: TemplateMockUserService.example))
.addDependency(MockAvatarService.example)
TemplateUserProfile(viewModel: TemplateUserProfileViewModel(userService: MockTemplateUserService.example)) { _ in
}
.addDependency(MockAvatarService.example)
}
}