ModalContentPadding

모달 콘텐츠 영역의 여백 적용 방식입니다.

struct ModalContentPadding

Overview

Popup·BottomSheet의 contentPadding(vertical:horizontal:) 수정자에 넘겨 콘텐츠 상하·좌우 여백을 각각 켜고 끕니다. 실제 여백 값은 모달 종류가 정하므로 사용처는 “여백을 준다/주지 않는다”만 고릅니다.

YourView()
    .bottomSheet(
        isPresented: $isPresented,
        // 이미지를 가장자리까지 붙이고 위쪽 여백만 남긴다
        contentVerticalPadding: .top,
        contentHorizontalPadding: .none
    ) {
        RemoteImage(url: url)
    }

BottomSheet·Popup을 직접 만들어 .sheet에 넣을 때는 contentPadding(vertical:horizontal:) 수정자를 씁니다.

BottomSheet { RemoteImage(url: url) }
    .contentPadding(vertical: .top, horizontal: .none)

Topics

Enumerations

enum Horizontal

콘텐츠 좌우 여백의 적용 여부입니다.

Enumeration Cases

``case `default```

모달 종류에 맞는 기본 좌우 여백을 둡니다.

case none

좌우 여백을 두지 않습니다. 이미지처럼 가장자리까지 채우는 콘텐츠에 씁니다.

enum Vertical

콘텐츠 상하 여백의 적용 범위입니다.

Enumeration Cases

case both

상하 모두 여백을 둡니다.

case bottom

아래쪽에만 여백을 둡니다.

case none

상하 모두 여백을 두지 않습니다.

case top

위쪽에만 여백을 둡니다.