Flutter

1.[Flutter] 시작하기(Window & Mac 환경설정)

post-thumbnail

Flutter 설치 및 초기 환경 설정법입니다.

2022년 10월 27일

2.[Flutter] 기본 위젯 넣어보기(텍스트, 아이콘, 이미지, 박스)

post-thumbnail

플러터 기본 위젯 네가지에 대해서 알아봅니다.

2022년 10월 28일

3.[Flutter] 위젯 가로세로 배치하기 - Scaffold

post-thumbnail

구글이 제공하는 material 테마 사용 가능구글 스타일의 다양한 ui, 위젯 사용 가능아이폰(ios) 스타일 위젯 사용할 땐 Cupertino() 관련 사용하면 됨커스터마이징 하고 싶을 때에도 MaterialApp() 사용상중하로 나눠주는 위젯appBar: AppB

2022년 10월 31일

4.[Flutter] 박스 디자인 - margin, padding, border, width, height

post-thumbnail

Container 안에 width, height, color 등을 위와 같이 설정한다.margin: EdgeInsets.all() 안에 값을 넣으면 마진이 생성된다.padding: EdgeInsets.all() 패딩도 같은 방식으로 넣으면 된다.상하좌우 마진 또는 패딩

2022년 11월 16일

5.[Flutter] 상단바, 콘텐츠 박스 - App Bar, SizedBox

post-thumbnail

Colors.컬러명Colors.redColor(0xffaaaaaa) : 0xff 뒤에 Color(oxfff70000)Color.fromRGBO() : 차례로 R, G, B, 불투명도 설정Color.fromRGBO(247 0 0 100)fontWeight: FontWei

2022년 11월 16일

6.[Flutter] Flexible - 박스로 화면을 채워보자

post-thumbnail

Flexible 과 Expanded를 이용해서 화면을 박스로 채워봅니다

2022년 11월 16일

7.[Flutter] 내맘대로 위젯 만들기 - Custom Widget, ListView

post-thumbnail

레이아웃용 위젯들이 너무 길어진다면 커스텀 위젯(Custom Widget)을 이용하면 된다.<커스텀 위젯 만드는 순서>stless + Enter(Tab)class 작명return 오른쪽에 축약할 레이아웃 넣기원하는 위치에 위젯명() 추가하면 끝<커스텀 위젯

2022년 11월 20일

8.[Flutter] 박스 밖으로 넘치는 부분 숨겨주기

post-thumbnail

카드를 넘쳐 흐르는 요소를 넣고 카드 밖으로 넘쳐나는 것은 숨겨보도록 하자

2023년 1월 4일