# CircleAvatar

sharveka_11

Flutter 일기 55번째 참고 1 : https://api.flutter.dev/flutter/material/CircleAvatar-class.html 참고 2 : https://api.flutter.dev/flutter/painting/ImageProvider-class.html Google에서는 User Profile을 띄울 때, 설정한 사진이 없으면 이렇게 사용자 이름의 첫 글자를 대문자로 띄워준다. 한글 이름이 다 뜨는 경우도 물론 있긴 하더라. 아무튼 저런 동그란 위젯을 쓸 경우가 빈번히 발생하는데, 이럴 때 유용한 것이 CircleAvatar이다. CircleAvatar CircleAvatar의 생성자는 이렇게 생겼다.

i_thank

Scaffold.drawer 메뉴처럼 띄울 수 있는 Drawer() 위젯입니다. Scaffold() 내부에서 정의할 수 있습니다. child 위 Drawer()는 총 2부분, 4개의 위젯으로 이루어져 있습니다. 그 2부분을 나란히 배치하기 위해 ListView()위젯을 사용합니다. 1. UserAccountsDrawerHeader()

dbscks1239

gaol : 외부의 font와 icon을 사용하여 내 얼굴이 들어간 명함 만들기 구성요소 배치 총 5행으로 구성할것이다. 1행은 원형모양의 얼굴사진, 2행과 3행은 이름과 직업, 4행과 5행은 번호와 메일주소를 보여주는 박스로 구성할 것이다. 우선, 'Column' 클래스로 5개의 행을 만들자. 아래와 같은 구조로 코드를 작성했다. 실행결과 모습이 굉장히 형편없다... 화면 스타일 설정 이제 Column내 각 구성요소들의 스타일과 배치, 사이즈 등등의 속성을 설정하자. > - Column mainAxisAl