본문 바로가기

Study/Flutter26

[Flutter] Widget정리 #2 배치관련 위젯 배치관련 위젯 하위 위젯을 가로 또는 세로로 배치하거나 위젯 위에 위젯을 겹칠때 사용 Row 위젯을 가로,세로로 배치하는데 사용한다. 주축(Main Axis) 와 반대축(Cross Axis)개념이 존재하는데 Row는 가로가 주축, 세로가 반대축 Column은 가로가 반대축, 세로가 주축. *정렬 MainAxisAlignment MainAxisAlignment.start - 시작에 정렬 MainAxisAlignment.center - 중앙에 정렬 MainAxisAlignment.end - 끝에 정렬 MainAxisAlignment.spaceBetween - 자식 위젯의 간격을 균등하게 정렬 MainAxisAlignment.spaceAround - 자식 위젯의 간격을 균등하게 배정하고 왼쪽 끝과 오른쪽 끝을.. Study/Flutter 2023. 1. 16.
[Flutter] Widget정리 #1 Text, 제스처, 디자인 자식이 하나만 있는 위젯과 여러개가 있는 위젯으로 나눠진다. 자식을 하나만 가지는 위젯 자식을 여러개 가지는 위젯 Container - 자식을 담는 컨테이너, 배경색, 너비,높이 테두리 등의 디자인 지정가능 GestureDetector - 플러터에서 제공하는 제스처 기능을 자식 위젯에서 인식하는 위젯, 탭, 드래그, 더블클릭 인식 가능 SizedBox -높이와 너비를 지정하는 위젯, Container 위젯과 다르게 디자인적 요소는 적용할 수 없고 const생성자로 선언해서 퍼포먼스 좋음 Column - children 매개변수에 입력된 모든 위젯들을 세로로 배치 Row - children 매개변수에 입력된 모든 위젯들을 가로로 배치 ListView - 리스트를 구현할 때 사용, 입력된 위젯이 화면을 벗어.. Study/Flutter 2023. 1. 13.
[Flutter] 앱 개발 로드맵 구현시 주의사항 1. 폴더 구조. - screen : 스크린 전체에 해당되는 위젯들을 모아두는 폴더 - component : 스크린을 구성하는 데 공통으로 사용될 만한 요소의 위젯을 모아두는 폴더 - model : 모델들을 따로 모아두는 폴더 - const : 상수를 모아놓는 폴더 Flutter 에서 자주 사용하는 주변장치 센서 sensors_plus 센서 핸드폰의 움직이는 속도 측정(Accelerometer) 회전 측정 (Gyroscope) 자기장 측정 (Magnetometer) sensor_plus GPS GPS 권한 관리, GPS상 핸드폰 위치 업데이트, (위도경도 기반) 거리계산 geolocator 카메라 카메라 권한 관리, 카메라가 찍고있는 화면을 핸드폰에 보여줌 camera 블루투스 주변 블루.. Study/Flutter 2023. 1. 12.
[Flutter] 문법정리#3 클래스 네임드 생성자 - 클래스를 생성하는 여러 방법을 명시하고 싶을때 사용 class Idol{ final String name; final int memberCount; Idol(String name, int memberCount) : this.name = name, this.memberCount = memberCount; // 네임드 생성자 Idol.fromMap(Map) : this.name = map['name'] this.memberCount = map['memberCount']; } void main (){ Idol blackPink = Idol('블랙핑크', 4) Idol bts = Idol.fromMap({ 'name' : 'BTS', 'memberCount' : 7, }); } Private .. Study/Flutter 2023. 1. 12.
[Flutter] 문법정리#2 함수, 람다, typedef Dart 에서는 매개변수를 지정하는 방법으로 순서가 고정된 매개변수(positional parameter)와 이름이 있는 매개변수 (named parameter)가 있다. 일반 함수 int positionalAdd(int a , int b){ return a+b } int namedAdd({required int a , requried int b}){ return a+b } positionalAdd(10,20) namedAdd(a : 30 , b :20) int combineAdd1(int a, [int b = 2]){ return a + b; } int combineAdd2({required int a, int b=2}) { return a + b; } int combineAdd3( int a, {re.. Study/Flutter 2023. 1. 12.
반응형

티스토리툴바