본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터에서 AppBar의 높이를 어떻게 얻을 수 있나요?, How to get AppBar height in Flutter

by 베타코드 2023. 8. 16.
반응형

질문


Flutter에서 AppBar의 높이를 어떻게 얻을 수 있을까요?
저는 MarialApp 위젯('package:flutter/material.dart')을 사용하고 있습니다.

Context의 높이를 가지고 있으며, appbar의 높이를 빼고 싶습니다.

final double height = MediaQuery.of(context).size.height;

답변


이것은 아마도 이상적인 방법은 아니라고 생각하지만 작동할 것입니다.

먼저 사용할 AppBar 위젯을 Scaffold에 선언하세요.

Widget demoPage() {
  AppBar appBar = AppBar(
    title: Text('데모'),
  );
  return Scaffold(
    appBar: appBar,
    body: /*
    페이지 본문
    */,
  );
}

이제 appBarpreferredSize를 사용하여 높이를 얻을 수 있습니다.

double height = appBar.preferredSize.height;

이 높이를 화면 높이에서 빼는 데 사용할 수 있습니다.

final double height = MediaQuery.of(context).size.height;
반응형

댓글