Влияет ли порядок применения модификаторов на View в SwiftUI

Что проверяют

Понимаете ли вы, что модификатор не меняет view, а оборачивает его в новое, и как из этого получается раскладка. Следом часто показывают два почти одинаковых фрагмента и просят предсказать, как они будут выглядеть.

Как отвечать

Влияет, и заметно. Каждый модификатор возвращает новое view, внутри это ModifiedContent<Content, Modifier>, поэтому цепочка читается изнутри наружу: следующий модификатор применяется к результату предыдущего, а не к исходному Text.

• padding и background: .padding().background(.blue) закрашивает текст вместе с отступами, .background(.blue).padding() даёт синий прямоугольник впритык к тексту и пустое поле вокруг;
• frame: .frame(width: 200).background(.red) красит всю рамку в 200 точек, а .background(.red).frame(width: 200) только область самого текста внутри неё;
• offset: сдвигает только отрисовку, место в раскладке остаётся прежним. .background(.blue).offset(x: 20) сдвигает текст вместе с фоном, .offset(x: 20).background(.blue) оставляет фон на старом месте;
• clipShape и shadow: тень, добавленная до .clipShape, будет обрезана вместе с содержимым;
• модификаторы окружения: .font, .foregroundStyle, .disabled записывают значение в environment и действуют на всё поддерево. Если их два, побеждает ближайший к view: в Text("a").font(.title).font(.body) будет .title.

Объяснение через раскладку: родитель предлагает размер, ребёнок выбирает свой, и каждый модификатор в цепочке становится отдельным звеном этого диалога. Отладочный .border(.red) в разных местах цепочки быстро показывает, где какой прямоугольник.

Где спотыкаются

Говорят, что порядок влияет только на внешний вид. На деле он меняет и область нажатия, и размеры, которые видит родительский стек.

Считают, что .offset двигает элемент в раскладке, и удивляются, что соседи не подвинулись. Для этого нужны .padding или изменение frame.

Оборачивают модификаторы в самописный .if(condition). Такое ветвление меняет структурную идентичность view: при переключении условия сбрасывается @State и ломаются анимации. Лучше менять значение параметра, например .opacity(isHidden ? 0 : 1).