in

A flutter package for iOS and Android for applying filter to an image

Photo Filters package for flutter

A flutter package for iOS and Android for applying filter to an image. A set of preset filters are also available. You can create your own filters too.

Installation

First, add photofilters and image as a dependency in your pubspec.yaml file.

iOS

No configuration required – the plugin should work out of the box.

Android

No configuration required – the plugin should work out of the box.

Example

import 'package:flutter/material.dart';
import 'package:path/path.dart';
import 'package:photofilters/photofilters.dart';
import 'package:image/image.dart' as imageLib;
import 'package:image_picker/image_picker.dart';

void main() => runApp(new MaterialApp(home: MyApp()));

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => new _MyAppState();
}

class _MyAppState extends State<MyApp> {
  imageLib.Image _image;
  String fileName;
  Filter _filter;
  List<Filter> filters = presetFitersList;

  Future getImage() async {
    var imageFile = await ImagePicker.pickImage(source: ImageSource.gallery);
    fileName = basename(imageFile.path);
    var image = imageLib.decodeImage(imageFile.readAsBytesSync());
    image = imageLib.copyResize(image, 600);
    setState(() {
      _image = image;
    });
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('Photo Filter Example'),
      ),
      body: new Container(
        alignment: Alignment(0.0, 0.0),
        child: _image == null
            ? new Text('No image selected.')
            : new PhotoFilterSelector(
                image: _image,
                filters: presetFitersList,
                filename: fileName,
                loader: Center(child: CircularProgressIndicator()),
              ),
      ),
      floatingActionButton: new FloatingActionButton(
        onPressed: getImage,
        tooltip: 'Pick Image',
        child: new Icon(Icons.add_a_photo),
      ),
    );
  }
}

UI Screen Shots

package

Sample Images of Filters

No FilterNo FilterAddictiveBlueAddictiveBlueAddictiveRedAddictiveRed
AmaroAmaroAshbyAshbyBrannanBrannan
CharmesCharmesClarendonClarendonCremaCrema
EarlybirdEarlybird19771977GinghamGingham
HefeHefeHelenaHelenaHudsonHudson
JunoJunoKelvinKelvinLarkLark
LudwigLudwigMavenMavenMayfairMayfair
NashvilleNashvillePerpetuaPerpetuaReyesReyes
SierraSierraSkylineSkylineSlumberSlumber
SutroSutroToasterToasterValenciaValencia
WaldenWaldenWillowWillowX-Pro IIX-Pro II

GitHub

https://github.com/skkallayath/photofilters

Written by James

Ozzie will take an screenshot during integration tests whenever you need

Customizable and easy-to-use alert/popup dialogs for Flutter