반응형
반응형
기본 구문 기본 구문으로는 내비게이터를 통해 페이지만 이동되는 기본 구조의 코드입니다. 페이지 연결 구문 내비게이터를 통해 클릭시 특정 페이지(ContentPage)로 이동하는 코드 // 리스트뷰 카드 클릭 이벤트 void cardClickEvent(BuildContext context, int index) { dynamic content = items[index]; Navigator.push( context, MaterialPageRoute( // 정의한 ContentPage의 폼 호출 builder: (context) => ContentPage(), ), ); } 연결 페이지 StatefulWidget 구문 class ContentPage extends StatefulWidget { const Con..
Overview 레이아웃 설계 시, 어떻게 화면을 구성해야할지에 대한 포스팅을 다룬 내용입니다. 이 포스팅에서는 크게 GridView와 ListView로 항목을 나열하고, TabBarView를 통해 탭을 슬라이드하여 페이지를 이동할 수 있도록 합니다. DefaultTabController 탭 컨트롤러의 상태를 관리하는 위젯 일반적으로 TabBar 와 TabBarView 를 함께 사용 여러 화면 또는 내용 섹션이 있는 탭 인터페이스를 만듬 속성 length 필수 속성 탭 표시줄의 탭 수 지정 반드시 음수가 아닌 정수의 값으로 설정 initialIndex 선택한 탭의 초기 인덱스 지정 기본값은 0, 첫 번째 탭을 표시 child 탭 컨트롤러에 액세스할 수 있는 하위 위젯 트리 표시 일반적으로 TabBar 또..
포스팅에서 진행한 환경 OS : Windows 10 IDE : Visual Studio Code Emulator : Pixel 5 API 27 (Android-x86 emulator), Windows (windows-x64) 이번 포스팅에서는 로그인과 로그아웃을 위해 아래와 같은 내용을 다룹니다. 로그인/로그아웃 기능 구현 회원가입(계정 생성) 기능 구현 다른 설명이 필요하면 아래의 링크를 참고해주세요. 01. Flutter - ListView, Card, Navigator - 스크롤 가능한 목록 표시, 목록 선택시 특정 목록 내용 보여주기 02. Flutter - StatefulWidget 활용 - 실시간 검색 기능 구현하기 03. Flutter - Floating Action Button, showD..
포스팅에서 진행한 환경 OS : Windows 10 IDE : Visual Studio Code Emulator : Pixel 5 API 27 (Android-x86 emulator) 이번 포스팅에서는 파일을 위젯별로 분류하여 메인 파일을 간소화하고 코드 유지보수를 하기 쉽게 변경해봅니다. 다른 설명이 필요하면 아래의 링크를 참고해주세요. 01. Flutter - ListView, Card, Navigator - 스크롤 가능한 목록 표시, 목록 선택시 특정 목록 내용 보여주기 02. Flutter - StatefulWidget 활용 - 실시간 검색 기능 구현하기 03. Flutter - Floating Action Button, showDialog - 플로팅 액션 버튼으로 특정 작업 수행하기(리스트뷰 항..
OverviewStack 위젯을 사용하여 서로 위젯을 겹쳐서 배치해봅니다.Stack정의상자 가장자리를 기준으로 자식을 배치하는 위젯일반적으로 하나 이상의 위젯이 다른 위젯 위에 배치되는 오버레이 또는 레이어 레이아웃을 만드는데 사용여러 하위 항목을 단순하게 겹치는 경우 유용하게 사용즉, 스택 위젯을 사용하여 위젯들을 서로 겹쳐서 배치할 수 있음주로 Columns, Rows 에 많이 사용속성children목록에서 제공되는 순서대로 서로 위에 쌓이는 위젯 목록목록의 첫 번째 위젯은 맨 아래, 목록의 마지막 위젯은 맨 위에 위치alignment스택에서 하위 위젯의 정렬을 설정기본적으로 하위 위젯은 스택의 왼쪽 상단 모서리에 정렬이 속성을 설정하여 하위 위젯을 스택의 모서리나 중앙에 정렬할 수 있음positio..