Snackbar

사용자의 행동에 대한 간결한 피드백을 제공하는 일시적인 알림입니다. 주로 화면 하단에 나타나 사용자의 작업 흐름을 방해하지 않으며, 실행 취소 같은 단순한 상호작용 버튼을 포함할 수 있습니다.

Design

Web

iOS

Android

WantedSnackBar

앱 전역에서 사용할 수 있는 커스텀 Snackbar 호스트입니다. WantedSnackbarVisuals 사용 시 아이콘과 설명이 포함된 커스텀 레이아웃으로 표시되며, 기본 SnackbarVisuals를 사용 시 표준 형태로 표시됩니다.

val snackbarHostState = remember { SnackbarHostState() }
WantedSnackBar(snackbarHostState = snackbarHostState)

Parameters

이름	타입	설명
`snackbarHostState`	SnackbarHostState	스낵바 표시 상태를 제어합니다.
`modifier`	Modifier	스낵바 전체 레이아웃 조정 Modifier입니다.

Advanced

WantedSnackbarVisuals

Wanted 전용 Snackbar 메시지와 UI 요소를 지정하는 클래스입니다. 기본 메시지 외에 부가 설명, 아이콘, 패딩 등을 커스터마이징할 수 있습니다.

Parameters

이름	타입	설명
`message`	String	스낵바에 표시될 기본 메시지입니다.
`actionLabel`	String?	버튼에 표시될 텍스트입니다.
`duration`	SnackbarDuration	스낵바 노출 지속 시간입니다.
`withDismissAction`	Boolean	닫기 액션 포함 여부입니다.
`description`	String	추가 설명 텍스트입니다.
`padding`	PaddingValues	스낵바 콘텐츠에 적용될 패딩입니다.
`icon`	(@Composable () -> Unit)?	스낵바 좌측에 표시할 아이콘입니다.

SnackbarHostState.showSnackbar

Wanted 스타일의 Snackbar를 표시하는 확장 함수입니다. WantedSnackbarVisuals를 사용하여 표시하며, 이미 표시 중인 Snackbar가 있다면 자동으로 닫고 새로운 Snackbar를 표시합니다.

val snackbarHostState = remember { SnackbarHostState() }
val scope = rememberCoroutineScope()

snackbarHostState.showSnackbar(
    scope = scope,
    message = "저장되었습니다."
)

Parameters

이름	타입	설명
`scope`	CoroutineScope	코루틴을 실행할 스코프입니다.
`message`	String	스낵바에 표시할 메시지입니다.