Jin's Dev Story

[Flutter] 파일 분리하기 본문

Web & Android/Flutter

[Flutter] 파일 분리하기

woojin._. 2023. 9. 22. 22:31

1. lib 폴더 안에 style.dart 과 같은 .dart 파일을 생성

→ 거기다 변수를 만들어서 축약할 내용 넣기

(style.dart 파일)
// 아래 코드를 import 해야만 사용 가능
import 'package:flutter/material.dart';

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

 

2. main.dart로 불러오기

(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 ‘경로’ as 작명

  • 다른 파일에 있는 변수, 함수, 클래스를 import 해올 때 사용
  • 사용 시 → 작명.거기 있던 변수명

변수를 다른 파일에서 쓰기 싫은 경우

⇒ 변수명 작명할 때 언더바를 왼쪽에 붙이기

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