개발자로 살아남기

페이지 이동 - Forward // push 를 하게되면 state 위젯을 init 부터 새로 생성한다. Navigator.of(context).push( MaterialPageRoute(builder: (BuildContext context) { return "스크린위젯명"; }) ) 페이지 이동 - Backward // pop 을 하게되면 이전 페이지로 이동하고 현재 stateFul 클래스는 dispose 된다. Navigator.of(context).pop(); 패딩 - Padding Padding( padding: EdgeInsets.{option}, child: Cloumn().. ) 컬럼 / 로우 - Column Row Column( // 세로 children 들의 여백 옵션 mainAsixA..

Flutter 2024. 1. 18. 09:47

Flutter 기본 위젯 골격 구조 // Scaffold : 화이트 캔버스의 역할 return Scaffold( // 화이트 캔버스 상단 바를 생성함 appBar: AppBar( title: 'Test APP', ), // 캔버스의 전역적인 배경 색상 backgroundColor: Colors.pink[100], // SafeArea : 모바일 기기의 전반적인 사용 공간을 잡아주는 역할 body: SafeArea( // SafeArea 에서 bottom 영역은 제외 bottom: false, // Container : html 에서 Div와 같은 역할로 생각 child: Container( // MediaQuery.of : 요청기기의 Spec을 가져올 수 있는 듯 width: MediaQuery.of(c..

Flutter 2024. 1. 17. 10:06

Flutter 다양한 객체 및 옵션 설명 SafeArea : 화면 전체에 대한 기본 area를 지정할 수 있음 SafeArea( bottom: false, child: Container( mainAxisAlignment - 주축정렬(전체를 잡아둔다) start : 시작 end : 끝 center : 가운데 spaceBetween : 위젯과 위젯의 사이가 동일하게 배치 spaceEvenly : 위젯을 같은 간격으로 배치하지만 끝과 끝에도 빈간격으로 시작 spaceAround : 위젯을 같은 간격으로 배치하지만 끝과 끝의 간격은 반간격으로 시작 CrossAxisAlignment - 반대축 정렬(기본값은 center) stretch : 최대한으로 늘린다. MediaQuery.*of*(context) 는 클라이..

Flutter 2024. 1. 16. 09:12