A beautiful drawing view for a your flutter application with single line of code

Overview

Flutter Draw

A beautiful drawing view for a your flutter application with single line of code.

To start with this, we need to simply add the dependencies in the gradle file of our app module like this

Don't forget to star โญ the repo it motivates me to share more open source

Installation

First, add flutter_draw: as a dependency in your pubspec.yaml file.

Import

import 'package:flutter_draw/flutter_draw.dart';

iOS

Add the following keys to your Info.plist file, located in <project root>/ios/Runner/Info.plist:

  • NSPhotoLibraryUsageDescription - describe why your app needs permission for the photo library. This is called Privacy - Photo Library Usage Description in the visual editor.
  • NSCameraUsageDescription - describe why your app needs access to the camera. This is called Privacy - Camera Usage Description in the visual editor.
  • NSMicrophoneUsageDescription - describe why your app needs access to the microphone, if you intend to record videos. This is called Privacy - Microphone Usage Description in the visual editor.

Or in text format add the key:

<key>NSPhotoLibraryUsageDescription</key>
<string>Used to demonstrate image picker plugin</string>
<key>NSCameraUsageDescription</key>
<string>Used to demonstrate image picker plugin</string>
<key>NSMicrophoneUsageDescription</key>
<string>Used to capture audio for image picker plugin</string>

Android

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

draw

Add this function to Your StateFull Widget Check the Example

 File _drawImage;
 Future<void> getDrawing()  {
    final getDraw =   Navigator.push(context, MaterialPageRoute(
        builder: (context){
          return HomePage();
        }
    )).then((getDraw){
      if(getDraw != null){
        setState(() {
          _drawImage =  getDraw;
        });
      }
    }).catchError((er){print(er);});

  }

Developed & Maintained By

Sanskar Tiwari (@theindianappguy) (YouTube)

License

Copyright 2020 Sanskar Tiwari

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Special Thanks

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

You might also like...

Open Source app to view Free resources available online.

Open Source app to view Free resources available online.

University Open Source app to view Free resources available online. The resources would be condesed into roadmaps provided by mentors skilled in their

Sep 3, 2022

A multi-plateform (Flutter) application for reading your emails, with your favorite devices, using the JMAP protocol!

A multi-plateform (Flutter) application for reading your emails, with your favorite devices, using the JMAP protocol!

A multi-plateform (Flutter) application for reading your emails, with your favorite devices, using the JMAP protocol!

Jan 2, 2023

Movie Lib is a mobile application where you can find the movies of your interest. This app provides a collection of movies of different languages according to your interest.

Movie Lib is a mobile application where you can find the movies of your interest. This app provides a collection of movies of different languages according to your interest.

Movie Lib Movie Lib is a mobile application where you can find the movies of your interest. This app provides a collection of movies of different lang

Sep 28, 2021

Flutter weather application with beautiful UI and UX.

Flutter weather application with beautiful UI and UX.

โ˜€๏ธ Feather Beautiful Flutter weather application. Entirely written in Dart and Flutter. Application is ready for Android and iOS. ๐Ÿ“ท Media โ˜๏ธ Features

Jan 5, 2023

A beautiful E-commerce UI application designed by nonybrighto

A beautiful E-commerce UI application designed by nonybrighto

Grocery Ecommerce App A beautiful flutter UI developed by nonybrighto and designed by Shoaib Mahmud. Overview Screenshots Screenshots from the develop

Sep 12, 2022

Run asynchronous code before building your widget

Loader Sometimes you need to load some data before building your widget. Because initState doesn't support asynchronous loading you need to find anoth

Apr 17, 2022

A discord bot, made with Dart, which lets you run your own pure Dart code snippets directly via a discord ping, and get the output in an instant.

A discord bot, made with Dart, which lets you run your own pure Dart code snippets directly via a discord ping, and get the output in an instant.

A discord bot, made with Dart, which lets you run your own pure Dart code snippets directly via a discord ping, and get the output in an instant.

Oct 21, 2022

GChat is a chatting application developed using Flutter(Dart) and firebase for 2 users. Trying to Develop an application that does not sell your data with whatsapp rolling out its privacy policy updates.

GChat is a chatting application developed using Flutter(Dart) and firebase for 2 users. Trying to Develop an application that does not sell your data with whatsapp rolling out its privacy policy updates.

Gchat - The Chatting Application A Flutter project for chatting. I used Android Studio and you can you any editor of your choice for ex: VS Code, Inte

Nov 6, 2022

Flutter ToDo application using Clean Code architecture

Flutter ToDo application using Clean Code architecture

DoneIt ๐Ÿ“ DoneIt is a sample note app ๐Ÿ“ Flutter application ๐Ÿ“ฑ built to demonstrate use of Clean Architecture tools. Dedicated to all Flutter Develop

Dec 27, 2022
Comments
  • How to load saved image to the canvas?

    How to load saved image to the canvas?

    Hi. Thank you for this amazing library!

    Here is what I've been doing:

    I have saved my drawing (imageBytes) to string by encoding it to base64; and I would like to edit/draw over this saved image.

    After I load the image using base64Decode, how do I load imageBytes back to the canvas? Thank you!

    opened by rommyarb 2
  • question: convert paths to svg or other format?

    question: convert paths to svg or other format?

    Cool package!

    Are you aware of a way that the paths could be output to a format such as SVG?

    Basically, I need to be able to annotate an image and then send both the image and the path to the server so it can be rendered as a new image. Could do this on-device but would prefer to separate the path from the image and offload it.

    Thanks!

    opened by jamesdixon 0
Owner
Sanskar Tiwari
Building awesome products in public. teaching @flutternerd and youtube.com/SanskarTiwari.
Sanskar Tiwari
Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider.

DrawApp Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider. All code free to

Jake Gough 226 Nov 3, 2022
A command-line tool which simplifies the task of updating your Flutter app's launcher name

flutter_launcher_name A command-line tool which simplifies the task of updating your Flutter app's launcher name. If you user this package, You don't

null 44 Nov 13, 2022
This is a Flutter app which shows how to use the Reorderable List View in your app

reorderable_list_view A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you st

Shehzaan Mansuri 1 Oct 25, 2021
A type-safe command-line parsing library for Dart

plade Plade is a type-safe CLI parsing library for Dart. Highlights Fully type-safe and null-safe. Support for a variety of different parsing styles (

Ryan Gonzalez 6 Jan 1, 2022
Bosun is a library for building organized command line applications in Dart.

Bosun A library for parsing CLI input and structuring CLI commands Features Structure CLI commands in a nice, uniform fashion. Parse args and flag inf

null 3 Oct 13, 2022
Dart grocery store / cashier line simulation implementation

Grocery Store Cashier Line Simulation Quick Read Dart implementation of a grocery store cashier line simulation. $ dart bin/grocerysimulator.dart inpu

Danilo 0 Jan 13, 2022
A Simple Todo app design in Flutter to keep track of your task on daily basis. Its build on BLoC Pattern. You can add a project, labels, and due-date to your task also you can sort your task on the basis of project, label, and dates

WhatTodo Life can feel overwhelming. But it doesnโ€™t have to. A Simple To-do app design in flutter to keep track of your task on daily basis. You can a

Burhanuddin Rashid 1k Jan 6, 2023
A mobile image uploader in which you can upload image to your personal gallery from either your camera or mobile gallery and it can detect your current geographic location and address using firebase firestore and storage.

Image Uploader In Flutter About It is an Image Uploader gallery which tracks your address from which you're uploading using Flutter and Image picker.

Prahen parija 6 Dec 20, 2022
Flutter 2.0 (Null safety) Basic, Dynamic & Silver style Staggered Grid views made using flutter staggered grid view package. ๐Ÿฆบ

Staggered Grid View Developement Stack Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Nakshatra Singh 9 Oct 28, 2022
FlutterCardSwipe Card Swipe Animation Creating the swipe view as used in the Tinder.

FlutterCardSwipe Card Swipe Animation Creating the swipe view as used in the Tinder. Swipe right is considered accepted and swipe left is rejected.It

Ruchika Gupta 517 Dec 27, 2022