플러터에서 카메라 사용하기

2022. 4. 1. 00:18·Flutter

예시 코드

ionoffx/flutter_with_camera

flutter에서 카메라를 사용해보자

카메라 api, image saver 플러그인 사용

  • 1 플러터 카메라 플러그인을 사용해서 사진 촬영
  • 2 사진 촬영 후 이미지 저장
  • 3 페이지 이동 후 저장된 이미지를 보여줌

image_picker 플러그인 사용

  • 1 갤러리에서 사진 가져와서 보여주기
  • 2 사진 촬영 후 이미지 저장, 저장된 이미지를 화면에 보여줌

필요한 세팅

Flutter

- pubspec.yaml

path: ^1.7.0
camera: ^0.5.8+7
path_provider: ^1.6.18
gallery_saver: ^2.0.1
image_picker: ^0.6.7+11

Android

- android/build.gradle
minSdkVersion 21 // 최소 21

- android/app/src/main/androidManifest.xml
// 내부 저장소 쓰기 권한을 위해 퍼미션 추가 
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

IOS

- ios/Runner/Info.plist
<key>NSCameraUsageDescription</key>
    <string>Explanation on why the camera access is needed.</string>
<key>NSPhotoLibraryUsageDescription</key>
    <string>This app requires access to the photo library.</string>

참고링크

camera | Flutter Package

image_picker | Flutter Package

안드로이드 앱 권한 권장사항

저작자표시 (새창열림)
'Flutter' 카테고리의 다른 글
  • To update the CocoaPods specs, run: pod repo update flutter
  • [X] Android toolchain - develop for Android devices
개발세탁기
개발세탁기
알고리즘 세탁 중..
  • 개발세탁기
    개발세탁소
    개발세탁기
  • 전체
    오늘
    어제
    • 분류 전체보기 (277)
      • 개발일기 (28)
        • 갔다온 곳 (9)
        • 일기 || 회고 || 사는 이야기 (1)
        • 개발 팁 (6)
      • react (0)
      • Unity (27)
        • 개발환경 (1)
        • 공부 (6)
        • 에러 (6)
        • Survival Shooter tutorial (2)
        • Google Cast + Unity (4)
        • NGUI (2)
        • UGUI (2)
        • Blender (1)
        • C# (2)
        • Visual Studio (1)
      • Python (1)
        • 개발환경 (2)
        • 일기 (3)
        • 파이썬 300제 (42)
        • Django (11)
      • Node.js (23)
        • 개발환경 (1)
        • 일기 (4)
        • 에러 (1)
        • 공부 (2)
        • openmct (2)
      • Tomcat 8, 8.5 (5)
        • 설치법 (1)
        • 문제 해결법 (4)
      • Android (40)
      • iOS (4)
      • Kotlin (2)
      • Swift (5)
      • Flutter (3)
      • JAVA (8)
        • 개발환경 (1)
        • 공부 (4)
        • Lambda (3)
      • Oracle (2)
      • 웹 개발 (12)
        • Maven (8)
        • Gradle (4)
        • Spring4 & tiles3 (1)
        • mybatis (0)
        • Websocket (2)
        • Java Script (4)
        • HTML5 & CSS3 (3)
      • Git (6)
      • Tizen (4)
      • 개발 도와주는 프로그램 (4)
        • Window (3)
        • macOS (4)
      • IDE (0)
        • Jetbrains (3)
        • Xcode (1)
        • Visual Studio || Visual Cod.. (0)
        • Eclipse (2)
        • Cloud9 (1)
      • 컴퓨터 과학 (7)
        • 운영체제 (1)
        • DB이론 (1)
        • UML (5)
      • 책 (0)
        • 한 권으로 읽는 컴퓨터 구조와 프로그래밍 (0)
        • 헤드 퍼스트 디자인 패턴 (0)
  • 공지사항

    • contact
    • 이것저것 개발하게 된 개발자
  • 인기 글

  • 태그

    개발자님_그_프로그램은_뭐예요
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
개발세탁기
플러터에서 카메라 사용하기
상단으로

티스토리툴바