반응형
사이즈를 먹여주다가 MediaQuery.sizeOf(context).width를 사용하게 되었다. 근데 생각해 보니 이거를 사용할 때마다 계속 호출해야 하면 굉장히 비효율적인 것 같아 Utils디렉토리를 하나 만들고 거기다가 사이즈 관련 코드를 넣어 놓기로 하였다.

Utils디렉토리를 만들고 그 아래에다가 파일을 만들어 주었다. 파일 이름은 사이즈와 관련된 도구(코드)들을 넣어 놓을 것이라 screen_size.dart로 지어줬다.
안에서는 화면의 너비와 높이를 지정해 주었다.
import 'package:flutter/material.dart';
class ScreenSize {
static double width(context) => MediaQuery.sizeOf(context).width;
static double height(context) => MediaQuery.sizeOf(context).height;
}
이렇게 하여 내 파일 전체에서 ScreenSize()를 통하여 사이즈를 불러올 수 있게 되었다.
반응형
'공부용 프로젝트 > Clock_App' 카테고리의 다른 글
| Clock_App / 타임 휠 제작 (타임 피커) (0) | 2025.12.15 |
|---|---|
| Clock_App / 타임 라벨 컴포넌트화 시키 (0) | 2025.12.11 |
| Clock_App / 폰트 삽입 (0) | 2025.12.05 |
| Clock_App / 타이머 화면 디자인 (0) | 2025.11.28 |
| Clock_App / 공통 UI 제작하기 (0) | 2025.10.24 |