【SwiftUI】カスタムModifierをRectangleなどの図形（Shape）に適用させたいのですがエラーが出ます。【Custom Modifier】

Question

カスタムmodifierの練習をしたいです。
Rectangleに使用する予定の、FillDailyCellModifierという名前のCustom Modifierを以下のコードで定義しました。
中身は.fill(Color.pink)だけなのですが、エラーが出てしまいます。

//コード（簡略化してます。）
struct FillDailyCellModifier: ViewModifier {
    func body(content: Content) -> some View {
        content
            .fill(Color.pink)
}

Value of type 'FillDailyCellModifier.Content' (aka '_ViewModifier_Content<FillDailyCellModifier>') has no member 'fill'

---

bodyの引数をContent -> Rectangle にして、as! Rectangle　を付けたら違うエラーが出ます。

func body(content: Rectangle) -> some View {
    content:
        .fill(Color.pink) as! Rectangle
}

Type 'FillDailyCellModifier' does not conform to protocol 'ViewModifier'

どうすれば正常に動作するのでしょうか。
教えてください。

よろしくお願いいたします。

Answer 1

fill()はView Protocolを継承している標準Modifierではなく、Rectangleのインスタンスメソッドにあたるので、次のようにextensionを使って拡張するとお望みの事が実現できます。

struct ContentView: View {
    var body: some View {
        
        Rectangle()
            .FillDailyCellModifier()
    }
}

extension Rectangle {
    func FillDailyCellModifier() -> some View {
        self
            .fill(Color.pink)
    }
}

Comments

[taichi_dm_]

回答ありがとうございます！
無事期待通りの挙動を確認できました！
ベストアンサーにさせていただきます。