[flutter5] show context action

show context action

🏷️ show context action (컨텍스트 액션 표시)
자동으로 위젯을 감싸 주거나 제거해 준다.

감싸고 싶은 위젯?에 오른쪽 마우스를 클릭하면 아래와 같은 창이 뜬다. 여기서 컨텍스트 액션 표시를 클릭해 준다.

이 기능을 사용해 Column을 padding 위젯으로 감싸본다. 클릭하면 아래와 같은 창으로 바뀌고 여기서 Wrap with Padding을 클릭해 준다.

그럼 저절로 Column이 Padding으로 감싸진다 👍

• 원래 코드

body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Image.asset('asset/img/logo.png'),
            SizedBox(height: 30), //로고 이미지와 로딩써클 사이의 간격을 벌려주는 박스
            CircularProgressIndicator(
              color: Colors.white,
            )
          ],
        ));

• 수정된 코드

body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Image.asset('asset/img/logo.png'),
              SizedBox(height: 30), //로고 이미지와 로딩써클 사이의 간격을 벌려주는 박스
              CircularProgressIndicator(
                color: Colors.white,
              )
            ],
          ),
        ));