[24-02-29]TIL(Flutter Widget of the Week)

BJY·2024년 2월 29일
0

TIL

목록 보기
51/75

#15.InheritedModel
상태 관리를 위한 특별한 종류의 위젯이다.
위젯 트리의 루트에서 데이터를 저장하고 그 데이터를 하위 위젯들에게 효과적으로 전달할 수 있도록 돕는다.
전체 데이터가 아니라 데이터의 일부가 변경되었을 때만 관련 위젯을 재빌드하게 할 수 있다.

#16.ClipRRect
자식 위젯의 모서리를 둥글게 잘라내는 위젯이다.
이미지나 컨테이너의 모서리를 둥글게 만들 때 사용된다.

#17.Hero
애니메이션 효과를 만드는데 사용되는 특별한 위젯이다.
Hero 위젯은 두 개의 화면 사이에서 동일한 요소에 대한 부드러운 전환을 만들어낼 때 주로 사용된다.
사용자는 화면이 바뀌어도 일관성을 유지할 수 있는 시각적 연결을 유지할 수 있다.

#18.CustomPaint
canvas를 제공하는 위젯.
다양하게 그림을 그릴 수 있게 해주는 위젯.

#19.Tooltip
사용자가 위젯을 길게 누르거나 위젯 위로 마우스를 가져갔을 때 추가 정보를 표시하는 작은 메시지 상자이다.

#20.FittedBox
상자 크기가 맞지 않을 때 자식이 자동으로 크기를 조정함.

#21.LayoutBuilder
부모 위젯의 요구 사항에 따라 다르게 렌더링 될 수 있는 위젯을 생성하는 위젯.
부모 위젯의 제약 조건을 입력으로 받아 자식 위젯을 생성하는 빌더 함수를 제공함.
주로 부모 위젯의 크기에 따라 다르게 표시되어야 하는 위젯을 만들 때 사용함.

#22.AbsorbPointer
사용자의 포인터 이벤트(터치, 클릭 등)를 흡수하는 위젯이다.
자신이 흡수한 포인터 이벤트를 자식 위젯에게 전달하지 않음.
주로 특정 위젯이나 위젯 그룹이 사용자의 입력을 무시하게 하고 싶을 때 사용됨.
ex)로딩 스크린이 표시되는 동안 사용자의 입력을 막을 때 사용 가능.

#23.Transform
자식 위젯에 대해 변형을 적용하는 역할을 함.
UI 요소를 자유롭게 조작하고 커스터마이징 할 수 있음.

#24.ImageFilter
이미지에 필터 효과(블러, 매트릭스 등)를 줄 수 있음.
ImageFilter를 사용하려면 BackdropFilter 위젯과 함께 사용해야함.
BackdropFilter 위젯은 자식 위젯의 뒷면에 필터 효과를 적용함.

#25.Align
부모 위젯 내에서 자식 위젯의 위치를 정렬할 수 있다.
값을 정렬할 수도 있음.

#26.Positioned
Stack 위젯 내부에서 자식 위젯의 위치를 조정하는데 사용됨.
Stack 내부에서 위젯을 특정 위치에 배치할 수 있음.

Stack이란 여러 자식 위젯을 겹쳐서 표시하는 데 사용되는 컨테이너 위젯이다.

#27.AnimatedBuilder
애니메이션을 더 효율적으로 구현하는 위젯.
주어진 Animation 객체의 현재 값에 따라 위젯을 구축하는 데 사용되며, Animation이 변경될 때마다 위젯을 재구성함.
AnimatedBuilder를 사용하면 애니메이션 코드를 위젯 트리에서 분리하고, 중복 코드를 줄이며, 애니메이션을 재사용할 수 있음.

#28.Dismissible
사용자가 스와이프하여 제거할 수 있는 위젯을 만드는 데 사용됨.
리스트에서 항목을 삭제하거나, 메시지를 아카이브하는 등의 상황에서 주로 사용됨.
메시지 아카이브 - 메시지를 정리하고 보관.

#29.SizedBox
정확한 사이즈로 하위 요소까지 같은 사이즈를 정할 수 있음.
위젯 간 여유 공간 확보에 유용함.

#30.ValueListenableBuilder
데이터가 바뀔 때 마다 앱을 업데이트 하고 싶을 것이다.
ValueListenableBuilder를 사용하면 유용하다.
값이 바뀔 때 마다 값을 알려주는 장치에 변화를 알려주고 자동으로 파생값을 재구성함.

https://www.youtube.com/watch?v=s-ZG-jS5QHQ&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=125&ab_channel=Flutter

profile
개발자입니다.

0개의 댓글