8. 프로젝트 폴더 및 기본 코드 이해 3편 마무리

 

 

1. MyHomePage 커스텀 위젯은 존재하지 않기에 MyApp 밖에서 제작 (stl이나 stf 선택)

2. stl 입력

3. stl class 뒤에 MyHomePage 입력

4. 기본적으로 build함수를 Widget 하고있고 Container를 return 하고 있다.

5. Container => Scaffold로 변경(앱 화면에 다양한 요소들을 배치하고 도와주는 빈 도화지 같은 역할)

[Scaffold 내부]

6. appBar: AppBar() 입력

7. AppBar( title: Text('First app') 입력 )

8. body: Center()  입력 (가운데로 나타내기 위함이며 Center 고유의 아이들이 있다.)

9. Center( child: Column()(세로 배치)

             children: <Widget>[] ) ( []는 column이니까 세로로 정렬될 위젯들을 나열하라는 의미 )

 

10. children: <Widget>[

       Text('Hello'),

       Text('Hello'),

       Text('Hello')

                       ]

 

실행했을 때

 

하나 여기서 home뒤에 MyHomePage가 아닌 바로 Scaffold로 만들 수 있다.

home 뒤를 바로 Scaffold로 바꿔준 다음

앞서 만든 내용을 복붙 해도 결과는 같다.

 

 

-앱 페이지 수가 많아지고 기능이 늘어날수록 그에 비례하여

 코드의 양이 늘어나기에

 각 이름의 맞게 각 페이지 다트에 분리할 수 있다.