karigrooms

import SwiftUI

struct MyButtonStyle: ButtonStyle {
    
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .fixedSize()
        
            // apply size modifiers
            .frame(width: nil, height: 48)

karigrooms

import SwiftUI

struct ExampleView: View {
    var body: some View {
        Text("Hello world!")
            .foregroundColor(.blue)
            .foregroundColor(.black)
    }
}

karigrooms

import SwiftUI

struct ExampleView: View {
    var body: some View {
        VStack(alignment: .center, spacing: 16) {
            Text("One")
            Text("Two")
            Text("Three (override parent modifier)").font(.headline)
            Text("Four")
        }

karigrooms

struct ButtonViewModel {    
    // ...
    
    // MARK: Style
    
    var disabledStyle: ButtonType.Style {
        return inverse ? type.disabledInverseStyle : type.disabledStyle
    }

    var selectedStyle: ButtonType.Style {

karigrooms

struct ButtonViewModel {
    // ...
    
    // MARK: State Styles
    
    func backgroundColor(for isEnabled: Bool, isPressed: Bool) -> Color {
        let styles = buttonTypeStyle(for: isEnabled, isPressed: isPressed)
        return styles.backgroundColor.color.opacity(styles.buttonOpacity)
    }

karigrooms

struct VrboButtonStyle: ButtonStyle {

    let iconMode: UTButtonIconMode?
    let inverse: Bool
    let size: UTButtonSize
    let type: UTButtonType

    func makeBody(configuration: Configuration) -> some View {
        ButtonStyleView(configuration: configuration,
                        type: type,

karigrooms

class ButtonViewModelTests: XCTestCase {
    // ...

    func testDefaultConfig() {
        let vm = ButtonViewModel(iconMode: nil, inverse: false, size: .medium, type: .secondary)
        let size = ButtonSize.medium
        let type = ButtonType.secondary
        
        XCTAssertNil(vm.iconStyle)
        XCTAssertEqual(vm.selectedStyle, type.selectedStyle)

karigrooms

karigrooms

import SwiftUI

/// Common aspect ratios
public enum AspectRatio: CGFloat {
    case square = 1
    case threeToFour = 0.75
    case fourToThree = 1.75
}

/// Fit an image to a certain aspect ratio while maintaining its aspect ratio

karigrooms

import SwiftUI

struct Card: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 8) {
            Image("condos")
                .resizable()
                .clipShape(RoundedRectangle(cornerRadius: 4))

            Text("Condo with awesome views of downtown")