본문 바로가기

개발관련/flutter30

[flutter]플러터 이미지 넣고(CircleAvatar) 크기 조절하기 플러터 이미지 넣는 방법은 여러 가지가 있습니다. 그중 가장 쉽게 접근할 수 있는 CircleAvatar에 대해 알아보겠습니다. ​ ▣ pubspce.yaml파일 수정과 이미지넣기 먼저 이미지를 넣으려면 경로에 폴더를 만들고 이미지 파일을 넣어 주서야 합니다. 그리고 pubspec.yaml페이지를 수정해야 합니다. 저는 assets폴더를 만들어 lalee.png파일과 pika.png파일을 넣어두었습니다. 그리고 pubspce.yaml파일을 수정했습니다. 위와 같이 코드를 추가해 주었습니다. 여기서 주의할 점은 띄어쓰기가 매우 중요합니다. 스페이스바나 탭키를 한 번만 잘못 입력해도 에러가 나기 때문에 위와 같이 입력해주고 저장해야 합니다. (스페이스바 기준 2칸) assets : (스페이스바기준 4칸) -.. 2022. 6. 27.
[flutter]Center위젯과 Column위젯을 동시 사용할때 중앙정렬을 하고 싶을 때 flutter에서 Center위젯 child로 Column위젯을 사용하면 아래와 같이 세로로 중앙정렬이 되지 않는다. 이유는 Column위젯이 세로축의 상단과 하단이 정해지지 않고 무한대로 지정되기 때문에 Column위젯의 중앙이 없기 때문이다. 해결방법은 간단하다. 아래 코드를 살펴보자. ▣ 해결방법 아래 코드와 같이 mainAxisAlignment: MainAxisAlignment.center를 사용하면 가로축과 세로축 모두 중앙정렬을 할 수 있다. 2022. 6. 27.