Flutter FrameWork는 Row, Column 위젯을 사용해 UI를 구성합니다. 이번 포스팅에서는 Row, Column 위젯의 정의 및 사용법 그리고 Row, Column 위젯과 관련된 다양한 속성들 mainAxisAlignment, CrossAxisAlignment, mainAxisSize 의 사용법에 대해 정리할 예정입니다. #0 Row & Column Widget #0.1 Row Widget #0.2 Column Widget 💡 Row, Column Widget은 주축을 화면 최대의 크기를 차지한다. #1 MainAxisAlignment & CrossAixsAlignment #1.1 MainAxisAlignment #1.2 CrossAxisAlignment #2 mainAxisSize #0..
이전 포스팅 에서 얘기 했듯이 Flutter는 모든 것이 Widget으로 이루어져 있습니다. Widget을 생성하기 위해서는 Stateful Widget 그리고 Stateless Widget 중 하나를 extends(상속) 받아야 합니다. 이번 포스팅에서는 Stateless Widget에 대해 공부한 내용을 정리해 보고자 합니다. 📄INDEX #1 Stateless Widget 생성하기 #1.1 Build Method #1.2 Constructor 💡Stateless Widget 내부의 Property는 final로 선언하자 #2 Stateless Widget Life Cycle 💡 Stateless Widget은 Immutable 하다. #3 Stateless Widget Android Studio 단..
Flutter Project를 처음 생성하면 기본적으로 android, ios, lib, test, web 폴더와 yaml 파일이 생성된다. 또한 lib 폴더 내부에는 main.dart 파일이 생성된다. 이번 포스팅에서는 각 파일의 역할에 대해 정리해 보고자 한다. 💡 Index #1 프로젝트 구조 #2 runApp & main.dart #1 프로젝트 구조 앞에서 얘기했듯이 Flutter Project를 생성하면 다양한 폴더와 yaml 파일이 기본적으로 생성되며, 각각의 기능은 다음과 같다. android/ios directory - andorid, ios OS에 적합하는 기능을 담기 위한 정보가 담겨있다. lib - Flutter의 dart파일을 담는 공간이다. 프로젝트의 대부분은 여기서 진행된다. t..