Toast

토스트 알림 컴포넌트

Toast#

사용자에게 간단한 피드백 메시지를 일시적으로 표시하는 토스트 컴포넌트입니다.

사용법#

// 기본 토스트
CouiToast.show(
  context: context,
  message: '저장되었습니다.',
)

// 변형별 토스트
CouiToast.success(
  context: context,
  message: '파일이 업로드되었습니다.',
)

CouiToast.error(
  context: context,
  message: '네트워크 오류가 발생했습니다.',
)

CouiToast.warning(
  context: context,
  message: '저장 공간이 부족합니다.',
)

// 액션 포함
CouiToast.show(
  context: context,
  message: '항목이 삭제되었습니다.',
  action: CouiToastAction(
    label: '되돌리기',
    onPressed: handleUndo,
  ),
)

Toast.show(message: '저장되었습니다.')

Toast.success(message: '파일이 업로드되었습니다.')
Toast.error(message: '네트워크 오류가 발생했습니다.')

Toast.show(
  message: '항목이 삭제되었습니다.',
  action: ToastAction(label: '되돌리기', onClick: handleUndo),
)

Props / Parameters#

속성	타입	기본값	설명
`message`	`String`	필수	토스트 메시지
`variant`	`ToastVariant`	`info`	토스트 변형
`duration`	`Duration`	`3초`	표시 시간
`position`	`ToastPosition`	`bottomCenter`	표시 위치
`action`	`CouiToastAction?`	`null`	액션 버튼
`dismissible`	`bool`	`true`	수동 닫기 허용

변형 (Variants)#

스타일#

CouiToast.info(context: context, message: '정보 메시지')
CouiToast.success(context: context, message: '성공 메시지')
CouiToast.warning(context: context, message: '경고 메시지')
CouiToast.error(context: context, message: '오류 메시지')

위치#

CouiToast.show(
  context: context,
  message: '상단에 표시',
  position: ToastPosition.topCenter,
)

커스텀 지속 시간#

CouiToast.show(
  context: context,
  message: '5초 동안 표시됩니다.',
  duration: Duration(seconds: 5),
)

// 자동 닫기 비활성화
CouiToast.show(
  context: context,
  message: '수동으로 닫아야 합니다.',
  duration: Duration.zero,
)