[Flutter] Sizer 사용후기

flutter

요즘 IOS나 Android에는 많은 해상도가 존재를 합니다. 
역시나 반응형은 웹뿐만 아니라 App에서도 적용을 해야하는 것이 숙제입니다. 
Flutter 에서 지원하는 mediaquery 를 사용을 해도 어려웠었는데요. 
Sizer라는것을 사용을 해보니 한결 쉽게 적용이 가능하더라구요. 

1. Sizer 인스톨하기

https://pub.dev/packages/sizer

sizer | Flutter Package

flutter pub add sizer

상단에 보시면 Sizer에 대한 package와 의존성을 주입하는 소스입니다. 

2. 사용방법

Container(
            width: 30.w,      //It will take a 30% of screen height
            height: 30.h,     //It will take a 30% of screen height
    );

위의 것을 보시면 w, h 를 가지고 비율로 선언을 하시면 비율대로 화면이 배치가 됩니다. 

3. 예제소스

Sizer package 설명을 보면 약간 사용하는 법이 모호한데요. 
사용방법은 의외로 간단합니다. 

위와 같이 Sizer Widget으로 리턴을 해주고 

builder: (BuildContext context, Orientation orientation, DeviceType deviceType) {

위와같이 묶어서 사용하시면 됩니다.