![[Flutter] 08. StoreApp (7) Open Flutter Devtools](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-05-22T05%3A47%3A25.647Z-b9ef62ae-7513-43fe-aee4-027beb9646a0&w=3840&q=75)
Contents
1. Open Flutter Devtools1. Open Flutter Devtools
Text를 정렬할 때 위젯이 어느정도 공간을 차지하는지 확인하는 것이 좋습니다.
웹의 개발자 도구와 유사하게 Flutter에도 공간을 확인할 수 있는 Open Flutter Devtools가 있습니다.
툴 하단의
Open Flutter Devtools 버튼 클릭을 하면 브라우저로 플러터 개발자 도구가 열린다!
Flutter Insoector 클릭 후 크기를 확인하고싶은 오브젝트 클릭하여 Select Widget Mode 클릭!
⚠ Open Flutter Devtools 버튼이 보이지 않을 때?
상단의 오른쪽에 있는
Open Flutter Devtools 버튼을 활용할 수 있다.하단에 있는 버튼과 차이점이 있다면, 하단의 버튼은 브라우저로 열리고 상단의 버튼은 툴 내에서 열린다는 점이다.
웹에서 개발자 도구와 유사하게 사용할 수 있다
Share article