FLUTTER(9)
-
[Flutter / 플러터] 레이아웃 정렬하기 (MainAxisAlignment)
1. Aligning Widget - 플러터 레이아웃을 짜는데 가장 흔하게 사용되는 Api 중 하나이다. - 그중 MainAxisAlignment 를 알아보도록 하겠다. - MainAxisAlignment 의 Enum(종류) Enum(상수값) Row(행) Column(열) center 가로축 기준 중앙정렬 세로축 기준 중앙정렬 end 가로축 기준 우측정렬 세로축 기준 하단정렬 start 가로축 기준 좌측정렬 세로축 기준 상단정렬 spaceAround 첫 번째와 마지막 child 앞뒤에 여유공간을 나머지 child와 공간의 절반만큼 배치 spaceBetween child widget을 시작과 끝에 배치, 시작과 끝 widget 사이 공간은 균등하게 배치 spaceEvenly child widget 사이의 ..
2022.05.03 -
[Flutter / 플러터] 레이아웃 정렬하기 (CrossAxisAlignment)
1. Aligning Widget - 플러터 레이아웃을 짜는데 가장 흔하게 사용되는 Api 중 하나이다. - 오늘은 그중 CrossAxisAlignment 를 먼저 알아보도록 하겠다. - CrossAxisAlignment 의 Enum(종류) Enum(상수값) Row(행) Column(열) center 가로축 기준 중앙정렬 세로축 기준 중앙정렬 end 가로축 기준 하단정렬 세로축 기준 우측정렬 start 가로축 기준 상단정렬 세로축 기준 좌측정렬 stretch child widget의 height을 꽉채운다 child widget의 width를 꽉채운다 2. Row 세로 정렬 방법 - CrossAxisAlignment.start - CrossAxisAlignment.center - CrossAxisAlig..
2022.05.03 -
[Flutter / 플러터] Null Safety 란?
1. Flutter가 2.0 버전으로 업데이트 되면서 dart 언어에 Null Safety가 적용되었다. - 어떤 변수에 대해서 Null이 가능한 변수인지 아닌지 판단할수 있음에 따라 Runtime Error 줄일수 있다. ( 생산성 향상) - 기본적으로 변수선언을 할때 null 을 허용하지 않는다. - 변수값이 초기화 되지않았거나 null 전달하게 되면 런타임 에러는(앱이 동작할때 나는 에러)는 발생하지 않고, 코드를 편집하는 IDE로 부터 빠른 피드백을 받아 개발하는 과정에서 수정이 용이하도록 했다. 2. Null Safety 문법 - 변수에 Null 값을 허용하고 싶으면 자료형 뒤어 ? 를 붙힌다. - Null이 들어가지 않고 확실한 변수값이 들어간다고 선언하고 싶으면 ! 키워드를 붙여준다. - l..
2022.05.02 -
[Flutter / 플러터] GetX 의존성주입(Dependency)
1. 의존성 주입 - 플러터는 특정페이지에서 특정페이지로 이동할 때 컨트롤러를 인스턴스화 해서 주입할수 있다.(의존성주입) - 특정페이지 안에서 Get.put을 이용해 들고올수도 있지만, 일반적으로 바인딩을 해주는 경우도 존재한다. - 바인딩을 해줄경우 Getx에서 자동으로 메모리삭제 등을 해주므로 유용하게 쓸 수 있다. 2. Binding 방법 - Get.put - 페이지 이동시 create, initialized 되고 페이지에서 나올때 delete()가 실행되어 메모리에서 삭제 - Get.lazyPut - 페이지 이동시 컨트롤러를 인스턴스화 하지않고, 특정버튼이나 컨트롤러 접근 함수 실행 시 인스턴스화 한다. - Get.put과 동일하게 페이지 나갈시 자동으로 delete() 한다. - Get.put..
2022.04.28 -
[Flutter / 플러터] GetX 반응형 상태관리
1. GetX 반응형 상태관리 - GetX를 통한 반응형 상태관리는 update 함수를 통해 상태를 직접 통보하지않고 내부 값의 상태 변화를 감지하고 화면에 변경된 값을 적용한다. - 상태변화 감지를 위해 변수선언을 RxInt 와 같이 선언해줍니다. // 현재 값이 5인 경우 putNumber(5)를 아무리 눌러도 다시 그려지지 않음 2. GetX LifeCycle - StatefulWidget을 사용하면 위젯의 라이프사이클 함수를 사용할 수 있습니다. 이와 마찬가지로 GetxController를 사용하면 다음과 같은 라이프사이클 함수를 사용할 수 있습니다. - 이밖에도 onClose() 함수를 사용해 꺼졌을 경우의 라이프사이클 함수를 사용할 수 있습니다.
2022.04.27 -
[ Flutter / 플러터] BuildContext 이해하기
- 개발을 하다보면 Scafford.of() called with a context that does not contain a Scaffold 에러를 만날수가 있다. 1. BuildContext - Widget Tree 에서 현재 Widget의 위치를 알 수 있는 정보 - build method 는 Scaffold Widget을 리턴하는데 Widget Tree상에서 어디에 위치하고 있는지에 대한 정보를 가지고 있는 context라는 것을 넣어서 리턴을 해준다는 의미이다. - BuildContext는 Stateless위젯이나 State 빌드 메서드에 의해서 리턴 된 위젯의 부모가 된다.
2022.04.26