본문 바로가기

Computer Engineering/안드로이드 Flutter15

[Flutter] Android App 중간 상황 proto test.mp4 drive.google.com *볼륨주의* 실로폰 소리 현재까지 여러가지 섞어서 만들어 본 어플리케이션 구동상황. 2020. 2. 8.
[Flutter] AppBar 설정 return Scaffold( appBar: AppBar( title: Text('ID Card'), backgroundColor: Colors.grey[850], ), ); //scaffold 2019. 11. 26.
[Flutter] Drawer 상단에서 좌우 열리는 슬라이드 추가하기 닫은 상태에서는 3줄로 이런식이 나오고 클릭하게 되면 좌우로 리스트뷰가 펼쳐지게됨. 2019. 11. 14.
[Flutter] 함수에서 "=>" 뜻? 두개가 같은 뜻. 위에 add 함수도 두개가 완전히 같은 역할. 단 함수가 단 한줄의 실행코드만 가질때 "=>" 사용가능!!! 2019. 11. 14.
[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.