반응형
반응형
플러터 앱 활동 생명주기 createState() StatefulWidget의 상태 객체를 생성하는 메소드 호출시 State 클래스의 인스턴스 반환 class HomeScreen extends StatefulWidget { HomeScreen({Key key}) : super(key: key); @override HomeScreenState createState() => HomeScreen(); } initState() State 객체 생성 후 최초에 한 번 호출되는 메소드 주로 초기화 작업이나 리소스 로드 등 수행 @override void initState(){ super.initState(); } didChangeDependencies() initState() 이후 호출되는 메소드 위젯이나 상태에 ..
기본 구문 기본 구문으로는 내비게이터를 통해 페이지만 이동되는 기본 구조의 코드입니다. 페이지 연결 구문 내비게이터를 통해 클릭시 특정 페이지(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) 이번 포스팅에서는 로그인과 로그아웃을 위해 아래와 같은 내용을 다룹니다. 공유 저장소(Shared Preferences)를 통해 유저의 정보가 있는지 확인하여 자동 로그인 기능 구현 공유 저장소에 대한 자세한 설명은 아래의 포스팅을 확인해주세요. Flutter - Shared Preference - 공유 저장소 데이터 저장/불러오기 다른 설명이 필요하면 아래의 링크를 참고해주세요. 01. Flutter - ListView, Card, Navigator - 스크롤 가능한 목록 표시, ..
포스팅에서 진행한 환경 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..