[Flutter] 플러터 flutter_screenutil 반응형 디바이스 크기 비율에 맞게 설정


[Flutter] 플러터 flutter_screenutil 반응형 디바이스 크기 비율에 맞게 설정

pubspac.yaml flutter_screenutil | Flutter Package A flutter plugin for adapting screen and font size.Guaranteed to look good on different models pub.dev flutter_screenutil: ^5.3.1 designSize 초기 "MaterialApp"에 사이즈를 초기화 시킬때 특정 디바이스 기준 사이즈로 초기화 시켜주면 해당 사이즈에 맞춰 넓이, 높이, 폰트사이즈를 비율에 맞게 설정해줍니다. 디자인 작업시 픽스된 모바일 디바이스 크기와 최대한 비슷하게 UI를 만들 수 있습니다. property 설명 width = 180.w 디자인 사이즈 기준 넓이 height = 180.h 디자인 사이즈 기준 높이 fontSize = 16.sp 디자인 사이즈 기준 폰트크기 위에 나와있는 표대로 사이즈 뒤에 "w", "h", "sp"를 설정해주면 "main.dart"에서 초기화한 디...


#flutter #screen #screenuitil #스크린 #플러터

원문링크 : [Flutter] 플러터 flutter_screenutil 반응형 디바이스 크기 비율에 맞게 설정