어플 -패스트캠퍼스

패스트 캠퍼스 챌린지 11일차

gyusama 2022. 2. 3. 21:01

TextButton을 만들어 이름도 넣어 보는 실습

 

컴퓨터 타이핑 치면서 BottomNavigationBar 실습

수강 강의명: 

복습:

CH01_04. 위젯 넣어보기 (MaterialApp, Scaffold, Text, Icon, Image)

CH01_05. UI 만들어보기(앱의 타이틀, 화면에 표시되는 텍스트 표현 등)

 

강의 내용 :

복습)

★위젯-Widget

Flutter에서 기본 디자인 요소를 위젯이라고 부릅니다.

Flutter는 위젯이 쌓여 앱을 구성합니다.

ex)위젯이 레고라 생각하고 10종의 레고로 항고모함도 만들고 자동차도 만드는데 이 위젯으로 쿠팡 또는 페이스북 등도 만들 수 있다.

 

-MaterialApp 클래스

머테리얼 디자인을 사용하는 어플리케이션 플로터 앱의 기본 구조

-Scaffold 클래스 

플로터 앱 페이지 기초 구조

AppBar, FAB(Floating Action Botton), BottomNavigationBar

 

Text 위젯: 글자를 표현하는 위젯

Icon 위젯: 아이콘을 표현하는 위젯

Image 위젯: 이미지를 표현하는 위젯

Cotainer 위젯: 다른 위젯을 감싸는 위젯

TextButton 위젯: 클릭 가능한 텍스트 버튼

IconButton 위젯: 클릭 가능한 아이콘 버튼 

 

★UI 만들어보기

-AppBar

앱 페이지 상단에 고정된 위젯

페이지 이동 및 페이지 저장 버튼을 추가 가능 

-FloatingActionButton

페이지 하단에 떠있는 버튼 위젯

-BottomNavigationBar

다양한 페이지를 선택할 수 있는 하단 고정 위젯

-BottomSheet

여러 액션을 사용할 수 있는 하단 고정 위젯

 

-setState : 상태 변경 함수

 

<Cupertino>

-iOS 디자인 위젯

-CupertinoActionSheet

 iOS버전 BottomSheet 위젯

-CupertinoSegmentedControl

옵션 선택 가능한 위젯

-CupertinoAlertDialog

iOS 디자인 다이얼로그 위젯

-CupertinoSwitch

iOS 디자인 스위치 위젯 

 

 

 

 

 

 

강의 요약 :

 

위젯의 종류와 실습, 실제 UI 만들어보기(FloatingAcionButton)


후기 
현재 가상 안드로이드 화면을 쓸 수 없어 실습에 불편이 있지만 가상 화면을 띄울 수 있는 방법을 찾아 실습할 수 있도록 해야겠습니다.

 


#패스트캠퍼스 #패캠챌린지 # 직장인인강 #직장인자기계발 #패스트캠퍼스후기

#누적 다운로드 120만+ 1인 개발자와 함께하는 앱 개발 입문 Online.

https://bit.ly/37BpXiC

 

패스트캠퍼스 [직장인 실무교육]

프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.

fastcampus.co.kr

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.