flutter 위젯3 [Flutter] Flutter 기초 #05 - 로그인 페이지 구현 #05 Flutter 기초 - 로그인 페이지 구현목차 ▲Ⅰ 로그인 페이지 구성 요소01. MaterialApp의 속성02. Navigator03. Form & TextFormField04. GlobalKey & FormStateⅡ 로그인 화면 예제01. 페이지 생성 및 main 함수 세팅02. 로그인 페이지 사용자 입력 필드 구현03. 로그인 버튼 구현 및 페이지 이동 Ⅱ 로그인 페이지 구성 요소01. MaterialApp의 속성initialRoute앱 실행 시 초기 화면을 설정하는 속성초기 페이지를 문자열 경로로 지정routes앱 내의 화면 경로와 해당 위젯을 매핑key-value 쌍으로 구성된 Map 형태각 경로는 문자열 키로 설정, 해당 경로에 표시될 페이지를 위젯 생성 함수로 설정Material.. 2025. 1. 14. [Flutter] Flutter 기초 #04 - 탭 네비게이션 #04 Flutter 기초 - 탭 네비게이션목차 ▲Ⅰ 탭 네비게이션01. 탭 네비게이션이란?02. TabBar03. Tab04. TabBarView05. TabControllerⅡ TabBar와 TabView의 작동 원리 정리 Ⅰ 탭 네비게이션01. 탭 네비게이션이란?탭 네비게이션이란?한 페이지에서 여러개의 화면을 제어하기 위해 사용하는 위젯버튼을 누르거나 스와이프를 통해 화면을 제어할 수 있음Flutter에서 탭 네비게이션을 구현하기 위해서는 아래의 위젯을 연결하여 사용TabBar : 탭 버튼 목록을 생성Tab : 개별 탭 버튼을 정의TabBarView : 탭과 연결된 컨텐츠 화면을 표시TabController : TabBar와 TabBarView를 연결하고 제어02. TabBarTabBar탭 버튼 목.. 2025. 1. 13. [Flutter] Flutter 기초 #03 - Flutter 스크롤 위젯 #03 Flutter 기초 - Flutter 스크롤 위젯목차 ▲Ⅰ Flutter 스크롤 위젯01. ListView02. ListTile03. GridView04. PageViewⅠ Flutter 스크롤 위젯01. ListViewListViewFlutter에서 스크롤 가능한 리스트 뷰를 생성하는 위젯무한 스크롤 리스트나 동적 리스트를 구성할 때 유용주요 생성자ListView() : 리스트 아이템을 직접 추가하는 일반적인 방식ListView.builder() : 동적 리스트 생성에 사용, 아이템을 효율적으로 랜더링ListView.separated() : 아이템 사이에 구분선을 추가할 때 사용ListView( children: [ ListTile( leading: Icon(Icons.perso.. 2025. 1. 11. 이전 1 다음 728x90
