[Flutter] part,library를 활용하여 지저분한 상단 import 없애기

 

flutter로 개발을 하다보면 위 사진처럼 상단에 import 코드가 너무 많아져서 지저분한 경우가있다.

 

이 글은 여러 파일에서 사용되는 import 코드를 하나의 파일로 모으고, 지저분한 import코드들을 정리하기 위해

library와 part를 사용하여 import코드를 없애는 방법이다.

 

library와 part를 사용하여 import문을 최소화 하는 것은 dart공식문서에도 가이드라인으로 나와있다.

https://dart-ko.dev/guides/language/effective-dart/usage

 

설명 코드는 따로 작성해보았다.

 

 

 

임의로 Class 3개를 만들었다.

 

 

 

 

그리고 다음과 같이 3개의 Class를 main.dart 와 home.dart에서 사용하기위해 import를 하였다.

보다시피 두 파일에서 3개의 Class를 중복으로 import하여 사용하고, import하는 양이 많아지면 지저분해질것이다.

 

이를 해결하기위해 library.dart파일을 사용하였다.

 

 

library 이름은 view_class_library로 하고, 아까 중복되고 지저분한 import문 코드를 가져왔다.

그리고 이 import를 사용 할 파일 경로를 part를 사용하여 지정해준다.

여기서 home.dart와 main.dart에 part of까지 작성을 해줘야 에러가 안나기 때문에, 당장은 에러가 날 것이다.

그리고 꼭 import문 아래에 part가 위치해야한다.

 

다음은 home.dart와 main.dart에서 part of 를 통해 library를 불러와서 사용하는 코드이다.

 

 

처음과 비교했을 때, 확실히 깔끔해졌다.

import 코드가 많을수록 library와 part를 사용했을 때 큰 효과를 볼 수 있을 것이다.

(공식문서를 보니 part of 에 library 이름보다 path를 작성하는 것을 권장한다고 한다.)