How to add a custom ViewModifier in SwiftUI

[bibin-jaimon]

useMaxFrame()

• This is a ViewModifier which can be used to set the content's size to maximum based on the parent size.

struct MaxFrameModifier: ViewModifier {

    let alignment: Alignment

    init(alignment: Alignment = .top) {
        self.alignment = alignment
    }

    func body(content: Content) -> some View {
        content
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: alignment)
    }
}

extension View {
    @ViewBuilder
    func useMaxFrame() -> some View {
        self.modifier(MaxFrameModifier())
    }
}

Usage of useMaxFrame()

• We can use it directly on the required contents

VStack {
    Text("Hello useMaxFrame")
}
.modifier(MaxFrameModifier())

• We can use the extension like the following way which is easy to use.

VStack {
    Text("Hello useMaxFrame")
}
.useMaxFrame()

[vinaykumar0339]

@bibin-jaimon we can add a property to useMaxFrame modifier to customize the usage of alignment propery by modifying the extension of the view

extension View {
    @ViewBuilder
    func useMaxFrame(alignment: Alignment = .top) -> some View {
        self.modifier(MaxFrameModifier(alignment: alignment))
    }
}

usages

VStack {
    Text("Hello useMaxFrame")
}
.useMaxFrame()

VStack {
    Text("Hello useMaxFrame")
}
.useMaxFrame(alignment: .bottom)