본문 바로가기

2019/1135

[Flutter] Color 함수인자로 넘기기. (실로폰 색상) color도 함수의 인자로 사용가능. 2019. 11. 14.
[Flutter] 랜덤숫자 받아오기. 정수형. 2019. 11. 12.
[Flutter] onPressd(){}에서 상태변경. 2019. 11. 12.
[Flutter] 크거나 작은 사진 Row, Column에 가득 채우기 두개의 사진을 한 열에 가득 채우고 싶을때는 같은 Row에서 Expaneded 두번 사용 이렇게 flex 사용해서 사진마다 크기 조절도 가능. 또한, image.asset('파일명') 을 사용하여 더 간단하게 이미지 불러올수 있음. 2019. 11. 12.
[Flutter] Widget으로 본문(Scaffold) 깔끔하게 정리하기 2019. 11. 11.
[Flutter] 아이콘 추가하기 컨테이너 내부에 Row를 추가하고 childred: widget을 추가한후 텍스트 박스 부분을 Row로 감싸고, 우와 같이 아이콘명령어를 사용해 추가하면된다. Text옵션과 마찬가지로 색상 및 크기 조절 가능. 2019. 11. 11.
[Flutter] Google 폰트 다운로드 및 적용하기 먼저 구글 폰트 웹사이트로 gogo.. https://fonts.google.com/ 여기서 원하는 폰트를 검색후 아래 그림과 같이 다운로드. 압축풀고, 나서 안드로이드 스튜디오에서 아래와 같이 directory 클릭 font 폴더 생성후 마우스로 끌어서 fonts폴더에 드랍. 여기까지 했다면 형광색으로 칠해진 pubspec.yaml 을 열고 font를 찾는다. 이런식으로 변경해주면 된다. 그리고 Packages get이라고 파란색 글씨 클릭해주면된다. 참고로 폰트 이름과 들여쓰기 중요!!! (들여쓰기 때문에 -ㅅ-;;;) 우선 "fonts: "는 앞에서 스페이스로 2칸 뛰우고 나머지는 사진에 맞추어서 정렬하면됨. 그리고 Scaffold내부에서 아래와 같이 변경해주고 시뮬레이터를 껏다가 다시 켜주면. 이.. 2019. 11. 11.
[Flutter] Column or Row 에 Container 여러개 배치 및 정렬 기존에 하나의 Container만 표시했다면 Column에서 children Widget을 활용하여 여러개의 Container를 배치가능. mainAxisAlignment: MainAxisAlignment.end 를 활용하여 끝에 정렬 가능하고 start, center, end, spaceEvenly 등등. 수직으로 배열중에 각기 다른 콘테이너를 수평방향으로 정렬하고 싶다면 crossAxisAlignment: CrossAxisAlignment.end, 를 추가하여 수평방향으로 정렬가능. (아래 2개 사진 참조) 하나의 팁은 만약에 우측끝에 정렬하고 싶다면 밑에 안보이는 Container를 하나 만든 후 정렬하면 또한, 화면을 수평으로 가득 채우고 싶으면 crossAxisAlignment: CrossAxi.. 2019. 11. 11.
[Flutter] Container 크기조절 및 위치설정 우선 바탕화면에 흰색 Container를 넣어봅시다. 그다음에는 height를 조절하면 Width를 조절하면 Margin을 edge all (상하좌우)에 30으로 넣게되면 Padding으로 내부에 공간을 채우면 간단한 레이아웃 4종 이었습니다. 2019. 11. 11.
[Flutter] Body에서 수직(Column)으로 배열 되는 경우에 정렬방법 바디에서 수직(Column)으로 배열 되는 경우에 정렬방법 crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center, return Scaffold( body: Stack( alignment: Alignment.center, children: [ Container( color: Colors.white, ), Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.end, children: [ Container( width: 200, height: 200, color: Colors.blue, ).. 2019. 11. 10.
[Flutter] 다른 클래스에서 리스트 처리 ==================dataBox.dart======================= class Data { String text; String author; Data ({this.text, this.author} ); } ===================================================== ==================main.dart========================== List quotes = [ Data(text:'123', author:'MK1 ' ), Data(text:'456', author:'MK2 ' ), Data(text:'789', author:'MK3 ' ), ]; ===============Scanfold 내부============.. 2019. 11. 10.