728x90 반응형 Skills/Flutter4 Margin, Padding의 개념과 EdgeInsets 클래스 Marginmargin은 위젯의 경계와 해당 위젯 주위의 다른 요소 사이의 외부 공간을 의미합니다. 즉, margin을 설정하면 위젯 주위의 외부 공간이 생성됩니다. 예를 들어, Container 위젯에 margin을 설정하면 다른 위젯과의 거리(외부 간격)가 늘어납니다. Container( margin: EdgeInsets.all(10), // 위젯 주위에 10의 마진을 설정 color: Colors.blue, child: Text('Hello, margin!'),)위 코드에서 EdgeInsets.all(10)은 모든 방향에서 10의 마진을 생성합니다. Paddingpadding은 위젯의 경계와 해당 위젯 내부 내용 사이의 내부 공간을 의미합니다. padding을 설정하면 위젯 내부의 내용과.. 2024. 5. 1. [RiverPod] ref select 기능 2024.04.28 - [Skills/Flutter] - [RiverPod] ref.watch, ref.listen, ref.read의 차이 이전 포스팅에서 ref에서 다뤘지만, select를 제외한 나머지 기능에 대한 포스팅이였습니다. 그러나 select 역시 ref의 주요 기능 중 하나이기 때문에 이번 글은 추가적으로 select에 대한 포스팅입니다. selectRiverpod에서 select는 매우 유용한 기능으로, 프로바이더에서 특정 부분의 데이터만을 구독하고자 할 때 사용됩니다. 이를 통해 필요한 데이터 부분만을 선택하여 관찰하고, 해당 부분이 변경될 때만 위젯을 재빌드하도록 설정할 수 있습니다. select는 성능 최적화에 큰 도움이 되며, 불필요한 빌드를 줄여줍니다. 사용법select를 .. 2024. 4. 28. [RiverPod] ref.watch, ref.listen, ref.read의 차이 Riverpod에서 ref.watch, ref.listen, ref.read는 프로바이더의 데이터를 다루는 세 가지 다른 접근 방식을 제공합니다. 각각은 다음과 같은 목적과 사용법을 가지고 있습니다: 1. ref.watch목적: ref.watch는 프로바이더의 값이 변경될 때마다 위젯을 다시 빌드하도록 요청합니다. 이는 주로 UI와 직접적으로 연관된 데이터를 다룰 때 사용됩니다.사용법: ref.watch를 호출하면 프로바이더의 현재 상태를 반환하며, 해당 프로바이더의 값이 변경될 때마다 위젯이 자동으로 다시 빌드됩니다. 2. ref.listen목적: ref.listen은 프로바이더의 값이 변경될 때마다 콜백 함수를 실행시키지만, 위젯의 빌드를 트리거하지는 않습니다. 이는 데이터의 변화에 반응하여 .. 2024. 4. 28. Scaffold, SafeArea, Expanded 위젯 알아보기 레이아웃 위젯 Scaffold, SafeArea, Expanded와 같은 레이아웃 위젯들은 앱의 기본 구조를 설정하고, 콘텐츠가 다양한 디바이스와 화면에서 제대로 표시되도록 하는 데 필수적입니다. 이번 포스트에서는 이 세 가지 핵심 위젯의 역할과 기본적인 사용법을 소개하고자 합니다. Scaffold: 앱의 기본적인 뼈대 구성하기 Scaffold는 Material Design 앱에서 사용되는 가장 기본적인 레이아웃 위젯입니다. AppBar(상단 앱 바), Drawer(사이드 메뉴), FloatingActionButton(플로팅 액션 버튼), BottomNavigationBar(하단 네비게이 션 바) 등 앱의 주요 요소들을 쉽게 추가하고 관리할 수 있게 해 줍니다. Scaffold는 단일 페이지의 뼈대를 제.. 2024. 4. 6. 이전 1 다음 728x90 반응형
