빙글빙글 돌아가는 맷돌

1. floating Action Button floatingActionButton: FloatingActionButton( child: Text('버튼'), onPressed: (){ //버튼 눌렀을때 마다 실행 print(a); a++; }, ), 1-1) child:Text(a.toString())을 했는데 화면에 보이는 값이 바뀌지 않는다? 오류 코드 floatingActionButton: FloatingActionButton( child: Text(a.toString()), onPressed: (){ //버튼 눌렀을때 마다 실행 print(a); a++; }, 원인 : 위젯이 재랜더링이 되지않았기 때문이다. 재랜더링 하는 법 : Stateful Widget만들어주기 방법1) stful class..

1. 커스텀위젯 커스텀 위젯을 사용하는 방법은 class를 이용하는 방법이다. 커스텀 위젯은 state 관리가 힘들어 질 수도 있다. 재사용이 많은 UI와 클 페이지들 커스텀 위젯으로 만들어두면 좋다. 1) stless치고 클래스 명 생성 후 원하는 코드 작성 class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( backgroundColor: Colors.white, actions:[ Icon(Icons.search, color: Color..

Container -정렬 : Center() / Align(alighment:Alignment._____) - 박스 width 꽉차게 하는 법 : width:double.infinity - margin 주는 법 margin : EdgeInsets.all() / EdgeInsets.fromLTRB(_,_,_,_) - padding 주는 법 padding: EdgeInsets.all() - 다른 css decoration : BoxDecoration +border : Border.all() +boxshadow +shape : BoxShape.circle +borderRadius -박스 폭 조절 1) Flexible(flex:1, child: ) - 비율 조절, 안드로이드의 width:0, weight:1 같..

*자동 완성 불러오는 법은 ctrl+space 1) 위젯 안에 위젯 넣는 법 ~ : Center ( child : Container() ) 의 식으로 쓸 수 있음 2) MaterialApp() - 이것도 위젯임. 이걸 이용하면 구글이 제공하는 Material 테마를 이용할 수 있음 - 구글 스타일 또는 커스터마이징 - 디자인과 기본 세팅을 제공함 3) Cupertino~() -애플 스타일 4) Scafold() - 상중하로 나눠주는 위젯 - 상단 : AppBar() - body - 하단바 : bottomNavigationBar return MaterialApp( home: Scaffold( appBar: AppBar(), body: Container(), bottomNavigationBar: Bottom..

1) main.dart에서 void main{} 밑에 다 지움 2) stless치고 class name - MyApp class MyApp extends StatelessWidget { const MyApp({Key? key}): super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Image.asset('probono.jpg') ); } } 3) Widget - 저장하면 바로 반영됨 * Center() 를 부모를 하면 가운데를 기준으로! 3-1) home : Text('문자') 3-2) Icon(Icons.아이콘이름) e.g. Icon(Icons.star) 3-3) Image.asset('경로~'..

1) Flutter 설치 - 높은 버전일수록 다양한 패키지 사용 불가 https://flutter-ko.dev/get-started/install/windows 나는 2.8.0을 깔았음 2) 안드로이드 스튜디오 flutter 플러그인 설치 3) 안드로이드 스튜디오 SDK Manager - Android SDK Command-line Tools 설치 4) 윈도우 환경변수 설정 - flutter/bin 위치 등록 5) cmd에 flutter doctor 쳐야함 - 바로 안되는 경우 있으니 C/D 위치 맞는데 안되면 cmd 껐다 다시 켜서 쳐보기 6) 처음 프로젝트열면 analysis_options.yaml 파일의 rules에 추가 rules: prefer_typing_uninitialized_variable..