Flutter :: BuildContext 무엇인가?

HaeDaal·2021년 7월 27일

Flutter:: BuildContext

목록 보기

1/1

Flutter 를 사용하게 되면 굉장히 자주 마주치는 것이 하나 있다.
그것은 바로 ...

BuildContext

처음에는 개발하기 바빠서 이것에 대한 정확한 개념도 모른체 라이브러리, api 설명서에 나와있는 그대로 따라쓰기만 했다.
그러나 개발하면 개발할수록 이게 굉장히 중요한것 같다는 느낌을 받았고... buildcontext에 대해 제대로 이해하지 못하고 넘어간다면
Flutter 전문가? 가 되기 위해 나아가는 과정에서 기초 공사부터 부실하게 되는것이라는 생각이 들었다.

그래서 이 글을 통해 BuildContext가 무엇인지 정리하는 시간을 갖고자 한다.

그래서 BuildContext가 뭐죵?

먼저 겉핥기 수준으로 알아보자.

Flutter 공식 문서를 통해 정의를 살펴보면

A handle to the location of a widget in the widget tree.
위젯 트리에서 위젯의 위치를 다루는 것.

라고 한다.
...
...
정리 끝.

이라 하면 열받는다.

이걸로는 쉽게 이해가 되지 않는다.

먼저 알아야 할 것은 Flutter 안에 모든 Widget은 내부에
build method를 가지고 있다는 것이다.
그리고 그 build method 의 타입은 Widget이고 인자 값으로 BuildContext를 가진다.

Widget build(BuildContext context){
  // example ...
  return Scaffold(...) <- widget
}

build 메소드를 통해서 위젯을 반환하고 그 안에 buildcontext를 집어넣는다.

그 다음 중요한 buildcontext의 두번째 개념이 등장한다.

Each widget has its own BuildContext, which becomes the parent of the widget returned by the StatelessWidget.build or State.build function
모든 위젯은 자신만의 BuildContext를 가지고 있고, 그것은 StatelessWidget.build or State.build에 의해 반환되는 위젯의 부모가 된다.

이것이 의미하는것이 무엇인지 예제를 통해 보자.

class MainPage extends stateless{
  @override
  Widget build(BuildContext context){
    return Scaffold(
      appBar: ...(),
      body : Center(
      	child: RaisedButton(
          onPress : () {
          // 여기서 Snackbar 라던가 dialog를 다뤄야한다
          // 면 Scaffold의 context 가 필요하다. 그래서 일반
          // 적으로 생각하면 MainPage의 build 에서 넘어온 
          // context 를 접근하면 된다고 생각하기 쉽다.
          // 그러나 그렇게 하게 되면 
          // Scaffold.of() called with a context
          // that does not contain a scaffold. 와 같은 
          // 에러 메시지를 보게 될 것이다.
          
          },
          child: Text('Press'),
        )
      )
    )
  }

}