Flutter 2

5강 Flutter 박스 디자인 하는 법

맥에서 안드로이드 스튜디오 자동완성 기능 사용하기 설정 => 키보드 => 입력소스 => 입력 메뉴에서 다음 소스 선택 탭을 체크한다. 이제 control + space를 누르면 자동완성이 잘 되는 것을 확인 할 수있다. 지난 과제 1. appBar 디자인 하는 법 위에 이미지처럼 appBar안에 텍스트를 적어야한다. 그냥 Text('내용') 으로 적으면 오류가 난다. AppBar()안에 적으려면 title 이라는 친구를 적어야한다. 또한 자동으로 가운데로 배치가 되기 때문에, centerTitle: false로 해주어야한다. 2. bottomNavigationBar 디자인 구글링 한 결과 이런식으로 코드를 작성하라고 했다. 밑에 자식들을 쓸 경우에는 거의 대부분 [ ] 가 들어가는 느낌이였다. 나 같은 ..

🕊 Flutter/강의 2022.03.09

4강 기본 앱 레이아웃 만드는 법

※주의 항상 child를 모든 위젯이랑 쓸 수 있는 건 아니다. 맞는 위젯이 있으니 확인해가면서 익힐 것. 이번에는 Material App() 에 대해서 살펴볼 것이다. 이 친구도 결국엔 위젯이다. 여기엔 디자인 및 기본 세팅 값이 들어있기에 커스터마이징 하더라도 써야한다. 없으면 코드가 늘어나버린다. 상중하로 나눠주는 Scaffold 위젯 상단은 appBar 중간에 들어갈 내용은 body bottomNavigationBar 로 하단을 만들어준다. 여러 위젯 가로로 배치하는 법 - Row(children: [ ])위젯 사용 [ ] array 자료 형태로 써주면 된다. 가로 배치가 잘 되는 것을 확인할 수 있다 :) ※여기서 잠깐! eslint 때문에 밑줄이 그어지는 것을 볼 수있다. 이는 analysis..

🕊 Flutter/강의 2022.03.08
1