Capture Image - Flutter Tutorial

Dalam tutorial ini kita akan mendemonstrasikan sebuah imaga chapture di flutter, pada tutorial ini kita menggunakan plugins image_picker.

Tambahkan image_picker padd file puspec.yaml

dependencies:

  flutter:

    sdk: flutter

  # The following adds the Cupertino Icons font to your application.

  # Use with the CupertinoIcons class for iOS style icons.

  cupertino_icons: ^0.1.2

  image_picker:

ubah source code pada main.dart seperti berikut :

import 'package:flutter/material.dart';

import 'dart:io';

import 'package:image_picker/image_picker.dart';

void main() {

  runApp(new MaterialApp(home: new CameraDemo()));

}

class CameraDemo extends StatefulWidget {

  @override

  _CameraDemoState createState() => _CameraDemoState();

}

class _CameraDemoState extends State<CameraDemo> {

  File _image;

  Future getImage() async {

    var image = await ImagePicker.pickImage(source: ImageSource.gallery);

    setState(() {

      _image = image;

    });

  }

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: Text('Pick Image Galery'),

      ),

      body: Center(

        child: _image == null

            ? Text('Pick Image From Galery!')

            : Image.file(_image),

      ),

      floatingActionButton: FloatingActionButton(

        onPressed: getImage,

        tooltip: 'Select Image',

        child: Icon(Icons.image),

      ),

    );

  }

}

Pada baris kode dibawah ini merupakan  script yang digunakan untuk memanggil/menggunakan plugins imagepicker

  Future getImage() async {

    var image = await ImagePicker.pickImage(source: ImageSource.gallery);

    setState(() {

      _image = image;

    });

  }

Untuk demo aplikasi dari code2 tersebut dapat dilhat dalam video berikut :