플러터 다른 파일로 빼서 import하는 법

ThemeData() 같은 경우 매우 길어질 수 있습니다.

그럴 땐 다른 파일로 빼든가 하면 됩니다.

1. lib 폴더 안에 style.dart 이런 파일을 만들어서 거기다가 변수 만들어서 축약할 내용 다 집어넣고 

2. main.dart로 불러오면 됩니다. 그럼 main.dart 파일이 깔끔해지겠군요 

 

 

(style.dart 파일)
import 'package:flutter/material.dart';

var theme = ThemeData( 
  ThemeData안에 들어있던 모든 내용 
)

(main.dart 파일)
import 'style.dart' as style;

class MyApp extends StatelessWidget {
  MyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {

    return MaterialApp(
      theme: style.theme, 
      (하단생략)

다른 파일에 있는 변수, 함수, 클래스를 import해올 때는 

import '경로' as 작명

해주면 됩니다. 그럼 거기 있던 변수, 함수, 클래스를 전부 사용할 수 있습니다.

 

사용할 땐 

작명.거기있던변수명

이러면 됩니다.

 

as 키워드로 작명은 생략가능한데

작명하는게 약간 보기쉽고 변수명 중복문제도 약간 사전에 방지할 수 있습니다.

 

(참고) 다른 파일에서도 기본 위젯들을 쓰고 싶으면 

import 'package:flutter/material.dart';

이런걸 상단에 import 해와야합니다. 기본 위젯들이 가득 담긴 패키지입니다.

 

 

 

 

 

변수를 다른 파일에서 쓰기 싫으면

 

style.dart 파일을 import 해오면 거기 있던 모든 변수, 함수, 클래스를 사용가능합니다.

근데 style.dart 파일 안에서만 쓰고 싶은 변수가 있으면 어떻게하죠?

 

var _age = 20;
var _data = 'john';

그럼 변수명 작명할 때 언더바를 왼쪽에 붙이면 됩니다.

언더바 붙이면 자동으로 "다른 파일에서 import해서 쓸 수 없는 변수"가 됩니다. 

함수명, 클래스명에도 통하니까 다른 파일에서 쓰기 싫은 변수들은 언더바를 쓰도록 합시다.