자동으로 해상도 대응을 해주는 screenutil 패키지

상수로 크기를 선언했는데도 screenutil을 적용하니 자동으로 사이즈가 맞춰진다!

 

 

screenutil는 내가 코딩할때 사용한 기기의 해상도를 입력하면 다른 기기에서도 해당 기기의 비율에 맞춰서 자동으로 빌드된다!!

 

 

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return ScreenUtilInit(
      designSize: const Size(412, 915),
      minTextAdapt: true,
      splitScreenMode: true,
      child: MaterialApp.router(
        routerConfig: _router,
      ),
    );
  }
}

 

최상단 위젯에 적용해주자!

 

이후 사이즈를 상수로 선언할 때 숫자 뒤에 h,w 등을 붙여주자!

 

 Container(
	height: 120.h,
	width: 10.w,
	color: Colors.amber,
),

 

https://pub.dev/packages/flutter_screenutil

flutter_screenutil | Flutter Package