본문 바로가기

전체 글

(4)
[flutter] 이미지 캐싱하여 불러오기, 이미지 불러오기 실패할 경우 0. 개요 1) 네트워크 이미지를 캐싱하여, 한 번 불러온 이미지를 더 빠르게 로딩할 수 있다. 2) 네트워크 이미지 불러오기에 실패할 경우, 사용자가 이를 인지할 수 있게 만든다. 1. Dependencies dependencies: cached_network_image: ^3.1.0 2. Code CachedNetworkImage( imageUrl: MyUrl, //placeholder: (context, url) => new CircularProgressIndicator(), //errorWidget: (context, url, error) => Image.assets('image/error.png'), ) placeholder는 이미지를 불러오는 대기시간동안, 오류가 생긴것이 아님을 사용자에게 인..
[flutter] Renderbox was not laid out 1. 발생 원인 위젯의 존재 위치가 가용가능한 범위를 벗어나거나 하는 등의 오류로 인해, 위젯이 정상적으로 생성되지 않는 경우에 발생한다. 주로 Listview를 다루는 과정에서 발생하며, 그 외에도 Textfield를 다루거나 혹은 스크롤이 필요한 것을 다룰 때 자주 발견할 수 있다. 2. 해결법 Listview의 경우 아래의 코드를 추가한다. scrollDirection: Axis.vertical, shrinkWrap: true, 그 외의 위젯에서 발생한 경우, 해당 위젯을 Expanded()나 Flexible()로 감싸는 경우 해결된다. 위와 같은 방식이 의도한 바와 다를 경우, SizedBox나 Container로 감싸고 적당한 크기를 지정하면 오류가 해결된다.
[flutter] SHA1 key 발급 0. 선요약 cmd를 켜고, cd .android를 입력하여 .android 폴더 내로 들어간다. 아래의 명령어를 복사하여 입력한다. keytool -list -v -keystore "%USERPROFILE%\.android\debug.keystore" -alias androiddebugkey -storepass android -keypass android 문제가 생기면 아래의 전문을 읽길 바란다. 1. 서론 Flutter와 Firebase를 연동하면서, 난항을 겪게 되는 부분 중 하나이다. Firebase 프로젝트 생성 시 일단 넘어가고 나중에 설정하는 경우가 많은데, SHA1 key를 입력해야만 사용 가능한 기능들이 있으므로 언젠가는 꼭 설정해야한다. 인터넷에는 흔히 cmd를 사용하는 경우와, and..
[flutter] 학생 조퇴 일지 기록 프로그램(firebase) Firebase로 학생의 학번을 조회하고, 그 학생의 조퇴기록을 firebase에 저장하는 프로그램을 제작하였다. #) 처음부터 글을 작성할 목적으로 제작한 프로그램이 아니였어서, 과정적인 부분은 포함되어있지 않습니다. 궁금하신 부분은 질문주시면 답변해드리겠습니다. 0. 개요 1) Flutter와 Firebase를 연동한다. 2) Flutter에서 Firebase를 이용하여 구글 로그인을 구현한다. 3) Firebase storage에 존재하는 이미지 파일을 불러낸다. 4) Firestore Database에서 정보를 조회하고, 데이터(조퇴 시간)을 원하는대로 추가한다. 1. 배경지식 https://learncom1234.tistory.com/36?category=965073 flutter Firebas..