플러터 기본 위젯 넣는 법

🐳ㅇㅡㄴㄱㅓ·2022년 4월 19일
0

플러터

목록 보기
1/24
post-thumbnail

기본 위젯 4가지

  • lib/main.dart 파일이 메인파일이고 그 파일 안에서 진행
  • void/main 함수 안에서 runApp문으로 실행
  • 플러터 디자인은 기본적으로 위젯 짜집기
  • 제일 중요한 위젯 4가지
    텍스트 위젯
    아이콘 위젯
    이미지 위젯
    박스 위젯
  Text('안녕')
  Icons('Icons.shop') : 아이콘 리스트는 플러터 홈페이지에 있음.

  /*
  이미지 위젯 작업전에는 assets라는 폴더를 만들어주고
  pubspec.yaml 파일에서 assets : assets/ 와 같이 경로등록을 해줘야 사용 할 수 있음
  pubspec은 앱만드는데 필요한 파일과 라이브러리들을 기록하는 파일
  */
  Image.asset('이미지 파일명')

  /*
  Width, height는 상대적인 수치이기 때문에 부모 위젯의 위치를 정해줘야 그 사이즈만큼 영역이 잡힌다
  */
  Container( width: 100, height: 100, color: Colors.amber)
  //ex) 가운데 나오는 박스위젯
  Center(
	child : Container( width: 100, height: 100, color: Colors.amber)
  )

Container 위젯에서 사용한 숫자의 단위

  • Flutter의 모든 단위는 LP(Logical Pixel)
  • px를 사용하지 않는 이유는 기기마다 픽셀의 절대적인 크기가 다르기 때문
  • 1cm = 38LP

위젯 안에 위젯 사용

  • 위젯안에 위젯넣을때는 위젯(위젯())이 아니라 위젯을 하나 부르고 그 안에서 child 로 사용할 위젯을 추가로 지정해주는 것
profile
재활훈련 중

0개의 댓글