본문 바로가기

Flutter camera3

Flutter & Firebase - 인스타그램 클론 (5-1) - 프로필 화면 만들기 오늘의 목표 프로필 페이지를 만들어보자. 내 프로필을 보는 경우, 프로필 편집 버튼이 보여야 할 것이며 다른 사용자의 프로필을 보는 경우, 팔로우 상태가 아니라면 팔로우 버튼이 보여야 하고 팔로우 상태라면 언팔로우 버튼이 보여야 할 것이다. #1. 프로필 화면 구성 #2. 프로필 화면 결과 화면 #3. 프로필 수정 화면 #4. 프로필 수정 화면 결과 화면 #1. 프로필 화면 구성 - 기본 화면 구성 중 프로필 상단부 영역 // build method @override Widget build(BuildContext context) { return Scaffold( appBar: header(context, isAppTitle: false, title: 'Profile',), body: ListView( c.. 2020. 9. 3.
Flutter & Firebase - 인스타그램 클론 (4) - 업로드 화면 만들기 오늘의 목표 이미지를 업로드하기 위한 페이지를 만들어보자. 이미지는 카메라 촬영, 갤러리에서 가져오기의 기능으로 가져올 것이다. #1. 업로드 화면 구성 #2. 업로드 화면 #3. 결과 화면 #1. 업로드 화면 구성 - Upload Image 버튼 클릭 - 사진촬영/갤러리에서 가져오기 기능을 위한 다이얼로그 팝업 - 사진 선택 후 게시를 위한 동작 (share버튼 클릭시) #2. 업로드 화면 - 업로드화면 displayUploadScreen() { return Container( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon(Icons.add_photo_alternate, color: Colors.grey, siz.. 2020. 9. 2.
완전 쉽고 간단한 Flutter 로 카메라 사용하기 어플에서 자주 쓰는 카메라 연동에 대해 알아볼 것이다. Dart 패키지에는 camera 관련 패키지가 있어 라이브러리를 가져와서 사용하면 된다. 아래의 단계별로 테스트를 진행해보겠다. 정말 별거 없고.. image_picker 패키지만 가져다가 조금만 구현하면 되는구나 1. pubspec.yaml 에 의존성 추가하기 (라이브러리 가져와서 사용하겠다는 의미) 2. 카메라로 직접 촬영하던지, 갤러리에서 가져와 쓸 수 있도록 구현하자 1. pubspec.yaml 에 의존성 추가하기 (라이브러리 가져와서 사용하겠다는 의미) image_picker 패키지는 pub.dev에서 99점의 점수를 기록하고 있어서 말해뭐해? 정도의 퀄리티를 자랑한다고 할까나.. 2. 카메라로 직접 촬영하던지, 갤러리에서 가져와 쓸 수 있.. 2020. 7. 31.