판교의 메타몽

Tab bar를 만들자 import 'package:flutter/material.dart'; class TabPage extends StatefulWidget { @override _TabPageState createState() => _TabPageState(); } class _TabPageState extends State { int _selectedIndex = 0; List _pages = [ Text('page1'), Text('page2'), Text('page3'), ]; @override Widget build(BuildContext context) { return Scaffold( body: Center(child: _pages[_selectedIndex]), bottomNavigat..

Material Design (안드로이드 기본 디자인) : 구글에서 제공하는 디자인 가이드를 따른다. Material 디자인을 위해 아래의 라이브러리를 import해야한다. import 'package:flutter/material.dart'; Cupertino Design (아이폰 기본 디자인) : 애플에서 제공하는 디자인 가이드를 따른다. Cupertino 디자인을 위해 아래의 라이브러리를 import해야한다. import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter/cupertino.dart'; class CupertinoPage extends StatefulWidget..

Flutter 개념 용어 정리 pubspec.yaml : Flutter를 운영하는데 필요한 라이브러리를 모아둔 파일이라고 보면 된다. StatelessWidget : 상태가 변화하지 않는 화면. 즉, Build메소드가 최초의 1회만 호출된다 -> 클래스는 1개로 이루어져있다. (class 클래스명 extends StatelessWidget) StatefulWidget : 상태가 변화하는 화면. 즉, Build 메소드는 요청될때마다 호출된다. -> 클래스는 2개로 이루어져있다. (class 클래스명 extends StatefulWidget 과 클래스명State extends State) setState : StatefulWidget과 세트. StatefulWidget에서 Build 메소드를 호출할때 사용된..

첫 번째 과제 목표 : Flutter기본 개념 이해 (1) 로그인 창을 구현한다. (2) 아이디 창과 비밀번호 창에 값을 입력한다. 둘 중 하나라도 입력이 되지 않으면 에러 창을 띄운다. 이때 입력되는 에러창은 아이디 / 비밀번호 / 아이디 비밀번호 둘다 입력하지 않은 경우로 나뉘어 출력된다. (3) 아이디와 비밀번호가 입력되면 다음 화면으로 넘어간다. 이때 본인의 아이디가 화면에 출력된다. (*DB 설정이나 FireBase설정이 되어있지 않으니, 그저 단순하게 값을 입력받고 출력하면 된다.) 참고 사이트 링크 : here4you.tistory.com/220 Flutter 강좌 - StatelessWidget과 StatefulWidget의 차이점과 사용법 Flutter Code Examples 강좌를 추..