반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- database
- Android
- swift
- Git
- GetX
- 카카오
- list
- iMac
- wrap
- xcode
- 플러터
- visualstudiocode
- VSCode
- ios
- sqflite
- 내돈내산
- AppBar
- 춘식
- error
- react
- 라이언
- M1
- Mac
- 간단리뷰
- AppleSilicon
- TextField
- datetime
- Flutter
- GitHub
- listview
Archives
- Today
- Total
welcome to my blog
[Flutter] image_picker를 이용한 카메라기능구현 본문
728x90
쿡북에 camera 패키지를 사용해보라고 되어있는데 온갖 warning이 떠서 다른 패키지를 알아보던차에
image_picker를 알게되었다
image_picker를 사용하면 간단하게 사진촬영도 할수있고 갤러리에서 이미지도 가져올수있다.
1. 패키지 설치
flutter pub add image_picker
image_picker: ^0.8.4+4
import 'package:image_picker/image_picker.dart';
import 해서 사용
2. 카메라 권한설정
<android>
//android/gradle.properties
android.useAndroidX=true
android.enableJetifier=true
//android/app/src/debug
//android/app/src/profile
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<ios>
//ios/Runner/info.plist
<key>NSCameraUsageDescription</key>
<string>$(PRODUCT_NAME) camera description.</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>$(PRODUCT_NAME) photos description.</string>
NSCameraUsageDescription : 카메라권한
NSPhotoLibraryUsageDescription: 앨범권한
string : alert 메시지창에 표시할 문구
Flutter iOS 14.0 build error: Failed to register observatory port with mDNS 라는 에러가 뜰 경우 ios/Runner/info.plist에 추가
<key>NSBonjourServices</key>
<array>
<string>_dartobservatory._tcp</string>
</array>
3. 이미지 source 설정 (결과값 image에 저장)
카메라
var image = await ImagePicker.platform.pickImage(source: ImageSource.camera);
앨범
var image = await ImagePicker.platform.pickImage(source: ImageSource.gallery);
4. 이미지 display
Image.file(File(widget._image!.path))
728x90
반응형
'Flutter' 카테고리의 다른 글
[Flutter] ThemeData 설정하기 (0) | 2022.01.05 |
---|---|
[Flutter] not found command flutter (0) | 2022.01.04 |
[Flutter] build.gradle에서 빨간줄 뜰때 (0) | 2021.12.30 |
git 기존 설정된 아이디를 다른 아이디로 바꾸기 (0) | 2021.12.30 |
[Flutter] Could not build the precompiled application for the device (0) | 2021.12.27 |