Texonom
Texonom
/
Engineering
Engineering
/Software Engineering/App Development/Mobile App/Mobile App Development/Flutter/Flutter Widget/
Flutter BackdropFilter
Search

Flutter BackdropFilter

Creator
Creator
Seonglae ChoSeonglae Cho
Created
Created
2022 Jun 29 3:46
Editor
Editor
Seonglae ChoSeonglae Cho
Edited
Edited
2022 Jun 29 3:46
Refs
Refs
CSS backdrop-filter
 
 
 
 
Flutter | BackdropFilter로 Blur 효과 주기
토스 앱의 상품권 구매 페이지를 보면 페이지 스크롤 시 appbar가 blur 효과를 볼 수 있다. Flutter에서 blur 효과를 주는 방법을 알아보자. Flutter에서 blur 효과를 주기 위해서는 BackdropFilter 위젯을 이용하는 방법이 있다. BackdropFilter 기존 페인팅 된 콘텐츠에 필터를 적용한 다음 자식을 페인팅하는 위젯입니다. 필터는 상위 또는 상위 위젯의 클립 내의 모든 영역에 적용됩니다.
Flutter | BackdropFilter로 Blur 효과 주기
https://velog.io/@cyb9701/Widget-BackdropFilter%EB%A1%9C-Blur-%ED%9A%A8%EA%B3%BC-%EC%A3%BC%EA%B8%B0
Flutter | BackdropFilter로 Blur 효과 주기
 
 

Recommendations

Texonom
Texonom
/
Engineering
Engineering
/Software Engineering/App Development/Mobile App/Mobile App Development/Flutter/Flutter Widget/
Flutter BackdropFilter
Copyright Seonglae Cho