Flutter:: 갤러리에서 이미지 가져오기

사진 가져오기 클릭 후 사진 선택시 뜨는 창

환경 설정

image_picker 설치

flutter pub add image_picker

https://pub.dev/packages/image_picker/install

image_picker | Flutter Package

실행코드

import 'package:flutter/material.dart';
import 'dart:io';
import 'package:image_picker/image_picker.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.purple,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  File? _image;
  void Photo(ImageSource source) async {
    XFile? file = await ImagePicker().pickImage(source: source);
    setState(() => _image = File(file!.path));
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('gallery test'),
      ),
      body: ListView(
        children: [
          const SizedBox(
            height: 50,
          ),
          _image != null
              ? Container(
                  child: Image.file(_image!),
                )
              : Container(
                  child: const Text('이미지'),
                ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Container(
                height: 40,
                child: ElevatedButton(
                  child: const Text(
                    '사진 가져오기',
                    style: TextStyle(fontSize: 20),
                  ),
                  onPressed: () => Photo(ImageSource.gallery),
                ),
              ),
              Container(
                height: 40,
                child: ElevatedButton(
                  child: const Text(
                    '사진 찍기',
                    style: TextStyle(fontSize: 20),
                  ),
                  onPressed: () => Photo(ImageSource.camera),
                ),
              )
            ],
          ),
        ],
      ),
    );
  }
}

참고자료

https://yj95.tistory.com/234

[j Flutter] 갤러리/앨범에서 사진가져오기 & 카메라 실행