Skip to content
Snippets Groups Projects
Commit 57139222 authored by kiung yoon's avatar kiung yoon
Browse files

understand practice_code

parent 5b81a2db
No related branches found
No related tags found
No related merge requests found
# 캐릭터 페이지 디자인
아래는 완성된 캐릭터 페이지이다
<img src="/uploads/d8948f3fb5bab8ebe473780d0cbbe64d/simu.png" width="300" height="650">
#
## Flutter 클래스 설명
Flutter 클래스는 크게 statelessWidget과 statefulwidget으로 나눌 수 있다
* statefulwidget은 페이지에 변화가 없는 정적인 페이지 구성을 할 때 사용하는 클래스이다
* statefulwidget은 페이지의 변화가 있는 동적인 페이지 구성을 할 때 사용하는 클래스이다
실습에서는 statelessWidget을 사용하여 캐릭터 페이지를 구성하였다
```
Scaffold(
appbar: AppBar(
title: Text('FOSS'),
...
)
body: ...
)
```
`Scaffold`는 App의 화면을 구성하는데 가장 기본이 되는 클래스이다
`appbar` 속성은 앱의 상단을 구성하며 앱의 title등을 넣을 수 있고 좌우로 아이콘을 넣어 tap을 했을 때 어떤 동작을 수행하게 할 수 있다
'body' 속성은 앱의 가운데 메인화면을 구성한다. 여기에서는 다양한 클래스를 이용하여 화면을 구성할 수 있다 실습에서는 `Padding` `Divider` `Column` `Row` 등의 클래스를 사용해 보았다
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment