본문 바로가기
공부방/Flutter

[Flutter] 가이드라인 셋팅하기

by SmartCow 2024. 1. 17.

1. 가이드라인이란?

이렇게 위젯의 앞쪽에 흰색선으로 이어지는 부분을 뜻한다.
흰색선을 따라가면 해당 위젯의 부모 혹은 자식이 어떻게 이어져 있는지 확인이 가능하다.

2. 가이드라인 셋팅(VsCode의 셋팅방법)

VsCode화면에서 좌측 하단에 톱니바퀴모양을 클릭 후
나오는 팝업메뉴에서 Settings 를 클릭

보통 이화면이 나오는데 여기서 오른쪽 상단에 표시한 아이콘을 클릭
(간혹 저 아이콘이 클릭된 상태가 나올때도 있음)

아이콘을 클릭하면 settings.json이라는 파일이 열리며
표시해놓은 부분
dart.previewFlutterUiGuides : true 
를 입력 후에 저장하고 프로그램을 재부팅하면 

이런식으로 위젯의 부모자식간에 흰색선이 생기게 된다.

'공부방 > Flutter' 카테고리의 다른 글

[Flutter] Transform.translate 함수(위젯)  (0) 2024.01.29
[Flutter] 유용한기능  (0) 2024.01.21
[Flutter] SizeBox 클래스  (0) 2024.01.14
[Flutter] Flutter을 설치하지 않고 실행하기  (0) 2024.01.02
[Flutter] 셋팅하기  (2) 2023.12.31