참고) Flutter 담당 MediaQuery 통일성 주기

[dlcodns]

flutter 담당 참고 바람

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());  //앱 시작해주세요!, MyApp(메인페이지 주소)
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    //body 위까지 분할해서 여기에 올리기
    return MaterialApp(
      title: 'MediaQuery 설정',
      home: Scaffold(
        //backgroundColor: const Color(0xffE3DCFF),
        body: HomeApp(),
      ),
    );
  }
}

class HomeApp extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    var m = MediaQuery.of(context);
    print("넓이 : ${m.size.width}");
    print("높이 : ${m.size.height}");
    //아래는 예시
    //body 아래로는 homeapp class에 넣기  ex) 원래 body: Stack() 이었음.
    return Stack(
      alignment: Alignment.topCenter,
      children: [
        Container(
          //화면에 꽉 참
          width: MediaQuery.of(context).size.width,
          height: MediaQuery.of(context).size.height,
          color: Color(0xffE3DCFF),
        ),
        Container(
          //화면 size의 1/2 크기
          width: MediaQuery.of(context).size.width * 0.5,
          height: MediaQuery.of(context).size.height * 0.5,
          color: Color(0xffAFA2E5),
        ),
        Container(
          //화면 size의 1/4 크기
          width: MediaQuery.of(context).size.width * 0.25,
          height: MediaQuery.of(context).size.height * 0.25,
          color: Color(0xffBDBDBD),
        )
      ],
    );

  }
}

[KIMSSI22]

넵 참고하겠습니다