![[flutter] flutter 1](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-10-04T02%3A24%3A59.250Z-91043ca2-1d75-4441-8bbc-2bef477b061d&w=2048&q=75)
이걸 만들어볼거다
항상 이 상태로 시작한다!
크롬으로 돌려보자
이런게 나온다
어떤디자인으로 만들건가요!?!? 를 뜻한다.
MaterialApp은 디자인! ( 안드로이드)
Scaffold는 뼈대,
이렇게 하면 안녕이라는 글씨가 나온다.
하지만 Text가 두개가 들어가지 않는다.
콜론(Column)은 세로로 넣을수 있는 위젯
로우(Row)는 가로로 넣을수 있는 위젯
이걸 스페이스 evenly로 이해할수있다.
이건 스페이스 비트윈으로 이해할수 있다.
가로 Axis, 세로 Axis 이렇게 안하고
main과 cross로 나오는데
ROw는 가로로
Column은 세로로
앱은 왼쪽 16이 국룰이다.
그림을 넣어보자
assets: 꼭 띄어쓰기 2번
yaml을 수정했다면 꼭 껏다 켜야한다
사진 두개와 safeArea를 넣어주고 휴대폰으로 보면 이쁘게 나오는걸 볼 수 있다.
Share article
![[flutter] flutter 3](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-10-04T02%3A27%3A07.127Z-7f8bb7ef-b01d-45c5-a654-f6f2b41a913c&w=750&q=75)
![[flutter] flutter 2](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-10-04T02%3A26%3A00.027Z-9f0be639-0516-4f9d-bfe2-d6a16fc85e39&w=750&q=75)
![[Dart] 6. null 병합연산자](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-09-26T08%3A29%3A34.317Z-5cc96562-74b4-4e32-af8c-4c95821564df&w=750&q=75)
![[Dart] 5. 생성자](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-09-26T08%3A28%3A24.255Z-fe47d0e7-e7d0-4854-a443-a20fa73c203c&w=750&q=75)