Flutter ] 기기마다 다른 화면 사이즈에 맞춰 Flexible하게 변환하는 방법

 

 

 

 

flutter_screenutil | Flutter Package

위의 사이트를 참고하면됩니다.

 

 

---

 

사용 방법은

 

1. pubspec.yaml에 dependencies를 추가하고,

dependencies:
  flutter_screenutil: ^2.3.1

 

2. flutter pub get 을 해준 후,.

 

 

3. import 후 사용하도록 합니다.

import 'package:flutter_screenutil/flutter_screenutil.dart';

 

 

 

사용 예제입니다.

//for example:
//rectangle
Container(
           width: ScreenUtil().setWidth(375),
           height: ScreenUtil().setHeight(200),
           ...
            ),
            
////If you want to display a square:
Container(
           width: ScreenUtil().setWidth(300),
           height: ScreenUtil().setWidth(300),
            ),