.modifier(): co to je, metoda aplikace modifikátorů ve SwiftUI

Co je .modifier() ve SwiftUI?

.modifier() — je metoda deklarovaná v protokolu View: func modifier<M: ViewModifier>(_ modifier: M) -> ModifiedContent<Self, M>. Přijímá instanci typu implementujícího ViewModifier a vrací upravené View zabalené do typu ModifiedContent.

Metoda se objevila v iOS 13 a je hlavním způsobem aplikace vlastních modifikátorů ve SwiftUI. Na rozdíl od vestavěných modifikátorů (font, foregroundColor, frame), které se volají přímo na View, .modifier() vyžaduje předchozí vytvoření typu-modifikátoru. To přidává jednu úroveň abstrakce, ale otevírá možnosti pro znovupoužití a parametrizaci.

Podle Hacking with Swift (2024), se .modifier() používá v každém projektu SwiftUI, kde je vyžadován jednotný styl pro opakující se prvky UI. Metoda nepřidává režii ve srovnání s řetězcem vestavěných modifikátorů — kompilátor volání optimalizuje.

Signatura a typy

Metoda modifier přijímá generický parametr M, omezený protokolem ViewModifier. Díky generikám kompilátor zná konkrétní typ modifikátoru a může optimalizovat výsledný typ View bez mazání typu (type erasure).

Jak funguje metoda modifier(_:)

Metoda modifier(_:) vytváří instanci ModifiedContent, která spojuje původní View (Self) s předaným modifikátorem (M). Při vykreslování SwiftUI volá M.body(content: self), předávající původní View jako parametr content.

struct RoundedBorder: ViewModifier {
    let color: Color
    let width: CGFloat

    func body(content: Content) -> some View {
        content
            .padding(8)
            .overlay(
                RoundedRectangle(cornerRadius: 8)
                    .stroke(color, lineWidth: width)
            )
    }
}

// Aplikace přes .modifier():
Text("Ahoj")
    .modifier(RoundedBorder(color: .blue, width: 2))

// Ekvivalentní přímý řetězec:
Text("Ahoj")
    .padding(8)
    .overlay(
        RoundedRectangle(cornerRadius: 8)
            .stroke(Color.blue, lineWidth: 2)
    )

Pořadí aplikace: modifikátory se aplikují z vnější strany dovnitř. První volání .modifier() obaluje View zvenčí, druhé — na první a tak dále. To je důležité při kompozici — pořadí ovlivňuje vizuální výsledek.

Podle Apple WWDC 2022, SwiftUI používá diffing založený na Identity pro určení změn v hierarchii ModifiedContent. Typ modifikátoru (M) se účastní tvorby identity View, takže různé typy modifikátorů vždy vytvářejí novou identitu, i když je vizuální výsledek stejný.

.modifier() a vestavěné modifikátory: srovnání

Vestavěné modifikátory SwiftUI — jsou rozšiřující metody deklarované v protokolu View. Každý vestavěný modifikátor (font, foregroundColor, padding) má vlastní interní implementaci optimalizovanou Apple. Nepoužívají protokol ViewModifier a nevolají se přes .modifier().

Kdy použít .modifier(): když se stejná kombinace modifikátorů aplikuje na více místech aplikace. To poskytuje jediný zdroj pravdy pro styl a zjednodušuje refaktorování. Kdy použít přímé modifikátory: pro jednorázové aplikace specifické pro konkrétní View.

Podle Objc.io (2023), je rozdíl ve výkonu mezi .modifier() a řetězcem vestavěných modifikátorů statisticky zanedbatelný (méně než 1 % času vykreslování). Volba by měla být určena čitelností a znovupoužitím, ne výkonem.

Podmíněná aplikace .modifier()

Podmíněná aplikace modifikátoru — jeden z častých úkolů ve SwiftUI. Standardní přístup pomocí ternárního operátoru nefunguje s .modifier(), protože různé typy modifikátorů vedou k různým typům ModifiedContent.

// ❌ Nekomplikuje se — různé typy modifikátorů:
var body: some View {
    Text("Podmíněný")
        .modifier(isActive ? HighlightStyle() : DefaultStyle())
}

// ✅ Správně: if/else uvnitř @ViewBuilder:
@ViewBuilder
var body: some View {
    if isActive {
        Text("Podmíněný").modifier(HighlightStyle())
    } else {
        Text("Podmíněný").modifier(DefaultStyle())
    }
}

// ✅ Nebo modifikátor s parametrem:
struct ConditionalStyle: ViewModifier {
    let isActive: Bool

    func body(content: Content) -> some View {
        content
            .foregroundColor(isActive ? .blue : .gray)
            .opacity(isActive ? 1.0 : 0.5)
    }
}

Text("Podmíněný").modifier(ConditionalStyle(isActive: isActive))

Doporučení: pro jednoduché podmínky (zobrazit/skrýt, změnit barvu) použijte modifikátor s parametrem. Pro složitou podmíněnou logiku s různými sadami modifikátorů — if/else uvnitř @ViewBuilder. Druhý přístup je čitelnější, ale může vést k duplikaci kódu.

Řetězce a kompozice modifikátorů

Řetězec modifikátorů — je sekvence volání .modifier() a vestavěných modifikátorů aplikovaných na jedno View. Každé volání vytváří novou vrstvu obalu a všechny vrstvy se spojují do jediného typu View pomocí vnořených generik.

SwiftUI používá typový systém k reprezentaci řetězce modifikátorů. Například Text().font(.title).padding() má typ ModifiedContent<ModifiedContent<Text, _FontModifier>, _PaddingLayout>. Každý vestavěný modifikátor má svou vlastní interní strukturu-modifikátor, která je skrytá před vývojářem.

Problém typu: hluboké vnoření typů ModifiedContent zpomaluje kompilaci a komplikuje chybové zprávy. Vlastní ViewModifier umožňuje „sbalit” několik vrstev do jedné, zjednodušit výsledný typ a zlepšit rychlost kompilace. Podle Swift Compiler Team (2024), nahrazení 5–7 po sobě jdoucích modifikátorů jedním ViewModifier zkracuje dobu kompilace o 10–20 % pro složitá View.

Praktické pravidlo: pokud View používá více než 8 modifikátorů — přesuňte část do vlastního ViewModifier. To zrychlí kompilaci a zlepší čitelnost.