Flutter 기초

Flutter  작동 순서

 

main.dart  

runApp 을 시작으로 프로그램이 시작 됨 

void main() {
  runApp(const SampleApp());
}

 

SampleApp 은 StatelessWidget 를 상속 받았음 

• StatelessWidget : 변하지 않는 정적인 값 
• StateWidget : 데이터를 받아서 변할 수 있는 동적인 값만 수용 가능 

class SampleApp extends StatelessWidget {
  const SampleApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
    
    /// 초기화 ( 최초 ) 할 화면의 "이름"을 정의
      title: "제목",
      debugShowCheckedModeBanner: false,
      defaultTransition: Transition.fade, /// Transition : 화면 전환 모드
      getPages: PageRouter.route,         /// Router ( 화면 - 이름 목록 )
      initialRoute: '/splashPage',
        // theme: ThemeData(scaffoldBackgroundColor: SampleColor.excolor),       

    );
  }
}

@override 된 내용 중 initialRoute가 /splashPage 라서 해당 페이지로 이동하게 될 것이다. 이게 어플을 딱 키자마자 바로 실행 될 화면을 나타 내는 것이다. 

 

 

SplashPage 

main.dart에 의해 이동 된 페이지로 StatelessWidget 을 상속 받는다. 또한, 상태관리를 위해 Controller Class 를 따로 해당 페이지 하위에 새로 만들어준다. Widget build 를 재정의 하여 본격적인 해당 페이지의 구조를 만들어준다. 

class SplashPage extends StatelessWidget 

 

SplashPageController 

GetxController 를 상속받아 만들어진 컨트롤러이다. 

해당 페이지에는 변수의 선언이나 작동 할 내용들을 구현해 준다. 
자바와 똑같이 int count = 10; 을 사용 할 수 있다. 다만, null 값을 허용하지 않는다는 점을 기억해 두자. String type ; 이라고 자바에서는 선언 가능 하지만 여기서는 String type = " " 공백이라도 적용 해야 함. 
또한 private 변수는 _ 언더스코어를 사용 하고 public 은 아무것도 적지 않는다.  

class SplashPageController extends GetxController