Flutter App개발 - 화면만들기 part.5 - 홈페이지완성하기

1. floating Action Button 만들기 아래 코드를 복사해 132번째 라인 뒤에 붙여 넣습니다. [코드] Floating Action Button floatingActionButton: FloatingActionButton( onPressed: () {}, backgroundColor: Color(0xFFFF7E36), elevation: 1, child: Icon( Icons.add_rounded, size: 36, ), ), 저장하면 아래와 같이 FloatingActionButton 이 생성된 것을 볼 수 있습니다.

코드가 너무 길 때는 body 요소가 어디에서 끝나는지 닫는 괄호를 찾기가 힘들 수 있습니다. 이럴 때는 아래와 같은 VS Code 의 접어두기 기능이 유용합니다.

해당 버튼을 누르면 아래와 같이 해당 요소가 접힙니다. 새로운 요소를 추가하고 싶다면, 이 아래에 추가해주면 되겠죠. 2. bottom NavigationBar 만들기 아래 코드를 복사해 ...