Antigravity 에서 Flutter 앱 화면보면서 수정하기

 

Flutter 화면보면서 디버깅하기

 

 

 

 

 

AI시대이긴 해도, 역시 직접 선택 수정하는 게 속시원할 때가 많죠.
간단한 수정들, 부분적인 수정은 AI 돌리지 않고 직접 수작업으로 해결합니다.

Antigravity에서 이런 방식으로 디버깅 하면 됩니다. 

("Flutter & Dart" extensions 설치시, 기본기능)

 

 

 

 

 

 

1. 에뮬레이터 선택

- 우측 하단 파란색 부분 클릭하면, 화면이 뜬다

- flutter emulator 를 선택한다.

 

 

 

 

 

 

 

 

2. Run and Debug 

'Run and Debug' 누르고, 드롭다운에서 Flutter를 선택한다. / 녹색버튼을 누른다.

 

 

안드로이드 에뮬레이터가 뜬다.

 

 

 

 

 

 

 

 

3. DevTool : Instpector 실행

- 좌측 아이콘에서 "Flutter DevTools" 선택

 

 

 

 

 

 

4. 위젯모드 활성화

- Select Widget Mode 선택 ( 좌측 상단의 십자가 (타겟)표시 )

 

 

 

 

 

 

 

 

5. 위젯 요소 선택 수정하기

- 위젯 모드가 켜진상태에서, 원하는 UI 부위를 Click 하면 해당 소스가 Highlight 됨

- 에뮬레이터 화면 > 위젯트리 > 소스코드 

 

- 밝은 글자들의 다크한 컬러로 바꾸었습니다. save하면 바로 반영됩니다. 

- 위젯 모드를 끄고 수정, 저장 > 확인하기 편합니다.

 

 

 

 

 

 

 

 

AI 시대지만 손을 멈추지 말자구요.

 

 

 

 

 

 

 

BR.h