[002] 플러터 (Flutter) Windows App Tip - 윈도우 창 크기 조절하기 및 윈도우 화면 UI 깨짐 이슈

안녕하세요~ totally 개발자입니다.

 

윈도우 창을 조절하기 위해서는 패키지 사용이 권장되는데, 여러 패키지 중에 저는 desktop_window 패키지를 사용하였습니다. 

 

https://pub.dev/packages/desktop_window

desktop_window | Flutter Package

 

사용 방법은 매우 간단합니다.

 

Step 1: pubspec.yaml에 desktop_window: ^0.4.0 추가해주시고 flutter pub get 하여 패키지를 추가합니다.

 

Step 2: main.dart에 main() 함수 부분에 필요한 부분을 작성해주면 완성입니다.

Future<void> main() async {
	WidgetsFlutterBinding.ensureInitialized();
	await DesktopWindow.setWindowSize(Size(1000, 800)); // 가로 사이즈, 세로 사이즈 기본 사이즈 부여
	await DesktopWindow.setMinWindowSize(Size(1200, 900)); // 최소 사이즈 부여
	await DesktopWindow.setMaxWindowSize(Size(1500, 1200)); // 최대 사이즈 부여 
}

 

만약 창 크기가 고정되는 것을 원하시면, setMinWindowSize의 크기와 setMaxWindowSize의 크기를 같게 설정하시면 됩니다.

 

컴퓨터 환경에 따라 다른 부분이지만 창을 늘리거나 축소할 때, 또는 창 드래그할 때 화면 UI가 깨지는 경우가 있는데 다른 컴퓨터로 빌드해서 해보니까 해당 이슈는 사라졌습니다. 아직 정확한 원인을 밝히지는 못했지만 추측하는 것은 내장 그래픽 카드가 있는 노트북에서는 UI 이슈가 좀 있는데 외장 그래픽카드가 장착된 노트북에서는 에러가 없는 것을 보니 여기에도 영향을 받는 것 같습니다.