[Flutter] Image Picker

 

 

 

 

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2
  image_picker:

 

 

 

Button 만들기

Row(
   mainAxisAlignment: MainAxisAlignment.spaceEvenly,
   children: <Widget>[
      FloatingActionButton(
         onPressed: getImageFromCam,
         tooltip: 'Pick Image',
         child: Icon(Icons.add_a_photo),
      ),
      FloatingActionButton(
         onPressed: getImageFromGallery,
         tooltip: 'Pick Image',
         child: Icon(Icons.wallpaper),
      ),
   ],
)

 

 

 

Camera Event

PickedFile? _image;

Future getImageFromCam() async {
   // for camera
   var image = await ImagePicker.platform.pickImage(source: ImageSource.camera);
   setState(() {
      _image = image!;
   });
}

 

 

 

Gallery Event

PickedFile? _image;

Future getImageFromGallery() async {
   // for gallery
   var image = await ImagePicker.platform.pickImage(source: ImageSource.gallery);
   setState(() {
      _image = image!;
   });
}

 

 

 

선택한 이미지 보여주기

Container(
   width: MediaQuery.of(context).size.width,
   height: 200.0,
   child: Center(
      child: _image == null
         ? Text('No image selected.')
         : Image.file(File(_image!.path)),
   ),
)

 

 

 

320x100

 

 

 

결과

 

 

 

 

 

참고 : amazevlley.blogspot.com/2019/02/image-picker-in-flutter-flutter.html

Image Picker In Flutter || Amazevalley