SwiftUI: custom view modifier not conforming to ViewModifier?

Question

I am trying to create this modifier:

struct CustomTextBorder: ViewModifier {
    func body(content: Content) -> some View {
        return content
            .font(.largeTitle)
            .padding()
            .overlay(
                RoundedRectangle(cornerRadius: 15)
                    .stroke(lineWidth: 2)
            )
            .foregroundColor(.blue)
    }
}

When I do, I get Type 'CustomTextBorder' does not conform to protocol 'ViewModifier' error.

It seems like I have to add:

typealias Body = <#type#>

However, I see modifiers being created as I originally did here without having to provide the typealias Body...

This modifier works here:

https://www.simpleswiftguide.com/how-to-make-custom-view-modifiers-in-swiftui/

Why isn't it working for me?

How can I make this modifier work? Why does it work for some and not for others? Does it depend on what the project targets? I am targeting iOS 15.

This code works fine to me.

Taeeun Kim
– Taeeun Kim

2021-08-10 20:30:59 +00:00
Commented Aug 10, 2021 at 20:30 — Taeeun Kim
– Taeeun Kim, Commented Aug 10, 2021 at 20:30

D. Greg · Accepted Answer · 2022-11-25 13:32:59Z

4

Without seeing your implementation, it looks like your not initializing the modifier. Be sure you're using the braces at the end CustomTextBorder(). Remember, it's still a function that needs to be called.

Text("SwiftUI Tutorials")
  .modifier(CustomTextBorder())

Same if you're making an extension of View

extension View {
  func customTextBorder() -> some View {
    return self.modifier(CustomTextBorder())
  }
}

edited Nov 25, 2022 at 13:32

answered Feb 3, 2022 at 14:29

D. Greg

9971 gold badge10 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

green_knight Over a year ago

The error message has changed slightly, it now says CustomTextBorder.Type ... and in retrospect, it's abundantly clear. Pass the type, it won't work, pass an instance, it does.

swiftPunk · Accepted Answer · 2021-08-10 20:38:28Z

0

Your code works fine, but why ViewModifier? you do not need ViewModifier for this simple thing, you can use extension in this way:

struct ContentView: View {
    
    var body: some View {

        Text("Hello, World!").customTextBorder
        
    }
    
}



extension Text {
    
    var customTextBorder: some View {
        
        return self
            .font(.largeTitle)
            .padding()
            .overlay(
                RoundedRectangle(cornerRadius: 15)
                    .stroke(lineWidth: 2)
            )
            .foregroundColor(.blue)
        
    }
    
}

answered Aug 10, 2021 at 20:38

swiftPunk

1

Collectives™ on Stack Overflow

SwiftUI: custom view modifier not conforming to ViewModifier?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related