Study/소소한 팁

[Flutter] StatelessWidget 자동완성시 import 넣기(stless), 자동완성 코드 구현하기(Live Template)

momong'-' 2023. 5. 15. 15:07

StatelessWidget 생성 시 자동 import가 안되어 직접 import 기능을 넣어야 하는 번거로움이 있다.

자동 완성 코드를 수정하는 방법이다.

 

Android Studio 왼쪽 상단 탭에서 

File > Settings를 들어간다.

Editor >  > Live Template에 들어간 뒤

Flutter 아래 stless가 있다.

Template text를 보면 import가 없는 것을 확인할 수 있다.

 

맨 위에 아래 코드를 삽입한다.

import 'package:flutter/material.dart';

 

stless 입력 시 자동완성 코드

import 'package:flutter/material.dart';

class $NAME$ extends StatelessWidget {
  const $NAME$({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const Placeholder($END$);
  }
}

$NAME$은 변수이다.

자동완성 된 코드를 보면 처음에 네모박스로 커서가 깜빡이는데 원하는 코드를 입력하고 엔터를 치면 $NAME$ 들어간 부분에 동일하게 작성된다.

 

 

수정 후 OK를 클릭한다.

 

그 다음 자동완성할 경우 import가 같이 자동완성되는 것을 확인할 수 있다.