📍 튜터님과 Widget 공부

BackdropFilter

BackdropFilter란?

자기 자신이 아니라 뒤에 그려진 위젯에 필터(블러 등)를 적용
글래스모피즘, 반투명 모달, 배경 흐림 효과

포인트

• ImageFilter.blur()로 블러 적용
• ClipRect / ClipRRect로 영역을 잘라야 성능·정확성 확보
• 보통 Stack 안에서 사용
• 반투명 효과는 위에 Container(color: Colors.white.withOpacity()) 같은 레이어를 덮음

기본 사용 패턴

Stack(
  children: [
    Image.asset('bg.jpg'),
    ClipRect(
      child: BackdropFilter(
        filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
        child: Container(
          color: Colors.white.withOpacity(0.2),
        ),
      ),
    ),
  ],
)

주의사항

성능 비용 큼: 애니메이션 중 과도한 blur 지양
적용 대상 혼동 주의: 자식이 아니라 뒤 배경이 흐려짐
영역 미클립 시: 화면 전체가 흐려질 수 있음

미니 팀 프로젝트 진행

다음 과제는 개별 과제가 아닌 팀 프로젝트라서 그에 대비해서 오늘 남는 시간 동안 팀원과 작은 프로젝트를 진행해봤다. 내용은 task 과제랑 비슷하게 메모 어플 남기는 작업을 해봤다

각자 페이지 ui를 나눠서 작업한 후 한 번 다같이 합친 후에 값 넘겨주는 작업을 했는데 어찌저찌 오늘 안에 완성했다~ 힘들었지만 그래도 git과 값 넘기는 것에 익숙해지는 시간이었다...