scaffold2 [Flutter Layout] 1. 플러터 기본 레이아웃 만들기(Scaffold 사용하기) 플러터(Flutter)의 레이아웃에 대해 연속 글을 올릴 계획입니다. 플러터에서 위젯을 사용해서 레이아웃을 만드는 법에 대해 알아보도록 하겠습니다. 우선 가장 많이 쓰는 Scaffold부터 가볍게 시작해 봅시다. 이번 포스트는 다음 내용을 다루고 있습니다. Scaffold Appbar FloatingActionButton PersistentFooterButtons 우선 플러터의 기본 프로젝트를 자동생성해서 만들어 놓은 상태입니다. *프로젝트 생성하는 법을 알고 싶으시면 이쪽글을 참고해 주세요. 레이아웃 만들기 main.dart 파일에서 자동 생성된 모든 코드를 삭제한 상태에서 시작해 보도록 하겠습니다. 아래 코드 살펴봅시다. (1) 먼저 material.dart 라이브러리를 가져오고 있습니다. Dart와.. 2022. 3. 11. [Flutter] 4. Scaffold 사용해서 앱 처럼 꾸미기 지난 포스트에서 만든 Hello World는 실제 앱이지만 앱처럼 보이지 않습니다. Scaffold 위젯을 사용하여 레이아웃을 잡고, 여러 속성을 사용해서 실제 앱의 모양처럼 만들어 보도록 하겠습니다. 이번 포스트는 다음 내용을 다루고 있습니다. Scaffold 위젯 사용하기 위젯을 빠르게 감싸주는 방법(전구 이용, ctrl + .) 에셋(asset) 이용해서 배경 이미지 넣기 가독성 좋게 text수정하기 Scaffold 위젯 사용하기 현재 Hello World앱은 아래와 같은 모습입니다. 스케폴드는 다른 모든 위젯을 배치하는 기본 레이아웃 구조를 생성하므로 자주 사용하는 위젯중 하나입니다. home에서 Center와 Text 위젯을 제거하고 Scaffold를 추가해 보겠니다. home에 Scaffold.. 2022. 2. 16. 이전 1 다음
