[24-03-18]TIL(Flutter Widget of the Week)

BJY·2024년 3월 18일

TIL

목록 보기
58/75

#83.package:sqflite
가끔은 장치에 중요한 앱 데이터를 저장해야 할 때도 있는데요, 만약 구조화된 데이터라면 SQL 데이터베이스를 사용하고 싶으실 거예요. SQL 데이터베이스 엔진은 휴대폰을 포함하여 거의 모든 장치에서 이용할 수 있는데 이를 SQLite라고 부르죠. Flutter가 자랑하는 최고의 크로스 플랫폼인 SQLite 패키지 중 하나인 package:sqflite가 이번 영상의 주인공입니다.

#84.SliverAppBar
SliverAppBar는 우리에게 익숙한 앱 같지만, 이번 영상에서는 FlexibleSpaceBar의 expandedHeight 및 flexibleSpace 속성을 사용하여, 늘어나거나 줄어드는 목록 상단의 공간을 생성하는 방법에 대해 알아볼 거예요!
목록을 위아래로 스크롤 할 때 커졌다가 작아지는 앱 바가 생성되는 우리에게 익숙한 앱처럼 느껴짐.
stretch:true로 끝까지 올린다음 더 올리면 앱바가 확장되어서 보임.
다른 효과도 줄 수 있음.

#85.Interactive Viewer
작은 휴대폰 화면에서 보기엔 위젯이 너무 큰가요? 이 문제를 해결할 위젯이 있습니다. InteractiveViewer을 사용하셔서 다양한 위젯을 확대/축소, 압축, 사용자 지정, 제한, 이동해보세요.

#86.GridView
복잡한 행과 열 조합을 사용할 필요 없이 항목들을 그리드에 넣고 싶으신가요? GridView가 도와줄 겁니다! GridView.count 생성자로 그리드를 설정하고 항목 사이에 공간을 넣는 방법을 알아봅시다.
리스트뷰 처럼 스크롤이 가능함.

#87.SwitchListTile
앱에서 토글 스위치를 만들고 싶었던 적이 있으신가요? SwitchListTile을 사용하면 어디에서나 탭할 수있는 토글을 만들고 텍스트, 아이콘, 자막 등을 추가 할 수 있습니다.
토글 리스트 타일로 손쉽게 많은 토글 스위치를 만들수 있음.

ListTile(
		title: Text("ListTile"),
        leading: Icon(Icons.ac_unit),// 텍스트 앞 작은 아이콘
        trailing: Fire(),// 텍스트 왼쪽 작은 아이콘
),

subtitle로 두 줄로 만들고 작은 글씨로도 표현 가능함.
어디든 탭해도 토글이 됨.
대신

onChange: (bool value) {
	setState(()=> _toggled = value);
},

처럼 onChange를 줘야함.

#88.location
때로는 사용자에게 최적의 경험을 제공하기 위해서, 사용자의 기기 GPS 위치를 알아야 하는 경우가 있죠. 위치 패키지를 사용하면 현재 기기의 지리적인 위치를 파악할 수 있고 변경사항을 수신할 수도 있습니다. 해당 데이터를 사용하여 지도를 표시하고, 거리를 계산하며, 기기가 향하는 방향을 결정하는 등 아주 많은 것들을 가능하게 해줍니다.

#89.device_info
운영 체제 또는 모델과 같이 앱이 실행되는 장치에 대해 더 알고 싶으세요? Device_info는 꼭 필요한 패키지입니다! 기본 API에 쉽게 접근할 수 있도록 해주는 device_info 패키지 설정 방법을 알아봅니다.

#90.ImageFiltered
작지만 강력한 위젯 ImageFiltered는 앱의 모든 항목의 픽셀을 흐리게 하거나 변형 할 수 있으며, 사용법이 간단하여 Background Filter 대신 사용하실 수 있습니다.

#91.PhysicalModel
PhysicalModel을 사용하면 앱에 사용자 지정 그림자 효과를 추가하고, 색상과 모양을 직접 지정할 수 있습니다. 위젯을 설정하고 일반적인 오류를 해결하는 방법을 알아 봅니다.

#92.package:animations
Flutter는 프레임 단위로 애니메이션의 맞춤 설정을 지원하지만, 가끔은 멋진 기본 애니메이션을 사용해서 여러분의 앱의 품질을 간단히 업그레이드하고 싶을 때가 있죠. 머티리얼 디자인팀이 제공하는 애니메이션 패키지를 이용해서 앱이 하는 일들을 사용자에게 더 잘 알려줄 수 있습니다. 간단하고 멋진 전환을 어떻게 제작할 수 있는지 알아보세요
OpenContainer로 위젯을 여는 애니메이션을 줄 수 있음.

profile
개발자입니다.

0개의 댓글