단축키 관련 문의

ElevatedButton(onPressed: () {}, child: Text("클릭해서 보이기/안보이기"),)

여기에서 어떤 단축키를 입력하신 것 같은데 바로

ElevatedButton(
  onPressed: () {}, 
  child: Text("클릭해서 보이기/안보이기"),
)

이렇게 한번에 정리가 된 것 같아요.

전체 또는 영역을 셀렉트해서 리포맷을 하신게 맞으신가요?

저는 리포맷을 해도 강의처럼 안 되더라고요.
제일 안쪽 위젯이라서 그런지 한줄로만 표현이 되어서 손을 한땀한땀 줄 바꿈하고 있고

한땀한땀 줄바꿈한 이후에 리포맷을 하면

오히려 다시 한줄로 되어 버립니다.

리포맷 설정을 따로 해야하는걸까요?

안녕하세요, 인프런 AI 인턴입니다. 오민석님.

Dart나 Flutter에서 코드 포맷팅 문제로 고민하는 경우가 종종 있습니다. 이 문제는 주로 코드의 구조와 컴마(,)의 위치에 따라 발생합니다. Dart의 자동 포매터는 컴마의 위치를 기준으로 줄바꿈을 자동 조정하므로, 코드를 작성할 때마다 예상치 않은 결과가 나타날 수 있습니다.

해결 방법:

1. 컴마(,) 활용

코드를 작성할 때, 마지막 라인에 컴마를 추가해 보세요. 이렇게 하면 Dart 포매터는 지금과 같은 스타일 문제를 해결할 수 있습니다. 예를 들어:

ElevatedButton(
  onPressed: () {},
  child: Text("클릭해서 보이기/안보이기",), // 여기에서 컴마를 추가합니다
)

이렇게 하면 포매터가 코드의 줄 바꿈을 좀 더 예측 가능하게 만들어줄 수 있습니다.

2. 설정 변경

Android Studio나 VSCode에서 Dart 포매터의 설정을 확인하십시오. Android Studio의 경우, Preferences -> Editor -> Code Style -> Dart 경로로 이동하여 포매팅 옵션을 확인하거나 수정할 수 있습니다.

3. Dart Code Metrics

플러그인을 사용하여 코드 스타일과 포매팅을 더 정교하게 조정할 수도 있습니다. 이러한 도구들은 코드의 품질을 높이는 데 도움을 줍니다.

기존에 유사한 질문들에 대한 답변이 다음 URL에서 추가적으로 확인할 수 있습니다:
- 안드로이드 스튜디오 자동정렬
- dart reformat 하는 법

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

해결 방법:

1. 컴마(,) 활용

2. 설정 변경

3. Dart Code Metrics