[Flutter] 간단 정리

AI·2024년 4월 16일

home:Scaffold() - screen을 위한 기본적인 레이아웃과 설정을 제공
appBar
body:Center - 중간 상단에 위치시키기

Text() - 글자 보이게 하기
style을 넣어 글자 크기, 굵기, 색 등을 바꿀 수 있다
변수를 값으로 쓰고 싶다면 '$변수명'으로 사용하면 된다.

backgroundColor - 배경색
SingleChildScrollView - 스크롤 가능하게 하기

padding - padding: EdgeInsets.symmetric()으로 패딩 생성
SizedBox - 가상의 박스 만들기; 띄어쓰기 용도로 사용
Container - 박스 만들기
; decoration: BoxDecoration을 통해 색이나 borderRadius 등으로 꾸밀 수 있음
Icon - 아이콘 만들기

colmun - 위아래로 무언가를 만들고 싶을 때
row - 좌우로 무언가를 만들고 싶을 때
-> 정렬 mainAxisAlignment(원래 방향기준 정렬; colmun은 열 방향, row는 행 방향), crossAxisAlignment(원래 방향기준 정렬; colmun은 행 방향, row는 열 방향)

파일을 생성해서 새롭게 만들어서 확장가능; 클래스 느낌
-> 변하게 하는 값만 설정해서 그 값만 바꿔서 사용
; final로 변수 선언하고 생성자에 required this. 을 사용한다.

Transform.translate() - offset을 이용해서 위치 이동 시키기
Transform.scale - scale로 아이콘 크기 조정
clipBehavior - 어떤 아이템이 오버플로우 되었을 경우, 어떻게 처리할지 정하는 것

조건 ? 참일 경우 : 거짓일 경우

색 표현법
Color(0xFF6자리코드), Colors.색.withOpacity();withOpacity()는 투명도로 넣어도 되고 안넣어도 된다.

Timer timer
timer.cancel - 타이머 정지
Duration으로 "시간:분:초" 방식으로 출력 가능

Flexible - flex로 비율을 할당할 수 있음

0개의 댓글