Asset, build, Reformat Code with dart format, Remove this widget

1. Asset

플러터에서 img, font 등을 저장 즉, Asset을 사용하려면 asset 저장용 폴더를 만들고 

pubspec.yaml => flutter: assets:에 경로를 지정한 후,

 

yaml 파일을 수정하면, 꼭 오른쪽 상단의 Pub get을 클릭해 주어야 적용된다.

2. build

플러터에서의 Hot reload가 작동하려면 실제로는 여러 가지 조건이 있지만 일단은, stateless 또는 stateful 위젯 내에 코드를 작성해 주어야 한다. 확실한 것은 아래와 같은 구조의 코드는 Hot reload가 작동하지 않는다.

void main() {
  runApp(MaterialApp(
    home: Scaffold(body: Center(child: Text('Hello World'),))
  ));
}

 

아래의 코드는 Hot reload가 동작한다.

void main() {
  runApp(MaterialApp(
    home: HomeScreen()
  ));
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(body: Center(child: Text('Hello World')));
  }
}

3. Reformat Code with dart format

안드로이드 스튜디오에서는 코드 포맷팅 기능을 제공한다. 기존에 아래와 같은 코드가 있다면 ","로 구분을 하면 

Scaffold(
      body: Center(
        child: Text(
          'Hello World',
        ),
      ),
    );

아래의 포맷팅을 눌러도 반응하지 않는다.

이를 다른 형식으로 바꾸고 싶다면, ","를 지우고

Scaffold(
      body: Center(
        child: Text(
          'Hello World'
        )
      )
    );

 

Reformat Code with 'dart format'를 클릭한다.

 

Settings로 들어가 아래처럼 단축키를 설정해 줄 수 있다.

Comman + Option + L -> Remove.

4. Remove this widget.

아래의 단축키로

감싸고 있는 부모 요소 위젯을 쉽게 삭제할 수 있다.

 

 

5. 여러 가지 단축키

 

Wrap...으로 간단하게 부모 요소를 선택하여 감싸지게 만들 수 있다.

 

 

아래의 단축어로 StatelessWidget과 StatefulWidget을 쉽게 만들 수 있다.

stless
stful