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

Related tags

Animation drawapp
Overview

DrawApp

Awesome Flutter

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 use and located within /lib.

Special thanks to stackoverflow user Andrey Turkovsky for helping out with color per drawn line issue.

Merged with domesticmouse/drawapp which added cool stuff like BLoC pattern and tests. Go here if you want a version without these which might be easily to understand for those without BLoC knowledge.

You might also like...

Add an indicator for a progression. You can customize indicators (shape, color, ..)

Add an indicator for a progression. You can customize indicators (shape, color, ..)

dots_indicator Widget to display dots indicator to show a position (for a PageView for example). Installation You just need to add dots_indicator as a

Dec 1, 2022

A giphy picker for flutter

A giphy picker for flutter

giphy_picker A plugin that allows you to pick animated GIF images from Giphy. Getting Started First, you need to register an app at the Giphy Develope

Sep 22, 2022

A sample for having PageView transformation effects in Flutter.

A sample for having PageView transformation effects in Flutter.

What is it? The end result looks a little something like this: Sample project for creating nice looking PageView parallax effects in Flutter. Read the

Dec 22, 2022

Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's heart when you like something and animation effects to increase like count.

Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's heart when you like something and animation effects to increase like count.

like_button Language: English | 中文简体 Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's h

Dec 27, 2022

A Flutter package allows you to Showcase/Highlight your widgets step by step.

A Flutter package allows you to Showcase/Highlight your widgets step by step.

ShowCaseView A Flutter package allows you to Showcase/Highlight your widgets step by step. Preview Installing Add dependency to pubspec.yaml Get the l

Dec 8, 2022

A collection of Animations that aims to improve the user experience for your next flutter project.

A collection of Animations that aims to improve the user experience for your next flutter project.

A collection of Animations that aims to improve the user experience for your next flutter project.

Dec 24, 2022

In this repo you can expertise how to build various User Interface in Flutter

In this repo you can expertise how to build various User Interface in Flutter

🎫 Flutter UI 📝 Introduction The language used here is Dart, which is a object oriented programming language with the sdk called Flutter,It's a googl

Nov 5, 2022

A widget that allow user resize the widget with drag

Flutter-Resizable-Widget A widget that allow user resize the widget with drag Note: this widget uses Getx Example bandicam.2021-11-11.12-34-41-056.mp4

Dec 13, 2022

Loading times are unavoidable in application development. From a user experience (UX) perspective

loading A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Feb 12, 2022
Comments
  • Drawing outside the canvas

    Drawing outside the canvas

    Is there any code that deals with this sort of behaviour? I changed the code a little and I want to make sure I didn't delete the part of the code that is responsible for not drawing outside the canvas.

    Simulator Screen Shot - iPhone 12 Pro Max - 2020-11-16 at 16 28 57

    opened by mirunamd 1
  • Adding testing

    Adding testing

    Hi,

    I've added tests to your drawing app (along with pulling business logic out into a BLoC), and I'm curious if you'd like to look at integrating some or all of my changes into your app?

    brett

    opened by domesticmouse 0
  • Update dependencies

    Update dependencies

    I'm getting the following error when I am adding the repo to pubspec.yaml

    Because every version of drawapp from git depends on cupertino_icons ^0.1.2 and my_app depends on cupertino_icons ^1.0.0, drawapp from git is forbidden.

    opened by mirunamd 0
Owner
Jake Gough
Jake Gough
A Flutter library for gradually painting SVG path objects on canvas (drawing line animation).

drawing_animation From static SVG assets See more examples in the showcasing app. Dynamically created from Path objects which are animated over time m

null 442 Dec 27, 2022
Fun canvas animations in Flutter based on time and math functions.

funvas Flutter package that allows creating canvas animations based on time and math (mostly trigonometric) functions. The name "funvas" is based on F

null 472 Jan 9, 2023
SwiftUI - Examples projects using SwiftUI released by WWDC2019. Include Layout, UI, Animations, Gestures, Draw and Data.

SwiftUI Examples About Examples projects using SwiftUI & Combine. Include Layout, UI, Animations, Gestures, Draw and Data. See projects files in Files

Ivan Vorobei 4.2k Jan 8, 2023
Simple and configurable app introduction slider for Flutter

FLUTTER INTRO SLIDER Flutter Intro Slider is a flutter plugin that helps you make a cool intro for your app. Create intro has never been easier and fa

Duy Tran 623 Jan 7, 2023
A Flutter library that makes animation easer. It allows for separation of animation setup from the User Interface.

animator This library is an animation library for Flutter that: makes animation as simple as the simplest widget in Flutter with the help of Animator

MELLATI Fatah 225 Dec 22, 2022
A custom Flutter value slider that makes a wave effect when dragged.

A Flutter slider that makes a wave effect when dragged. Does a little bounce when dropped. Demo Getting Started To use this plugin, add wave_slider as

Gordon Hayes 33 Dec 21, 2022
Bubbleslider - A flutter package support a slider customize UI with bubble animation

bubble_slider This package support a slider customize UI with bubble animation.

MindInventory 11 Jul 26, 2022
PaperOnboarding is a material design slider made by @Ramotion

PAPER ONBOARDING Android library Paper Onboarding is a material design UI slider written on Java We specialize in the designing and coding of custom U

Ramotion 2.6k Dec 28, 2022
A Flutter package to custom splash screen like change logo icon, logo animation, and splash screen background color.

Custom Splash Screen A Flutter package to custom splash screen: change logo icon, logo animation, and splash screen background color. (Custom from ani

tranhuycong 78 Sep 6, 2022
Animated triangles background widget with color gradients

Triangles background Animated triangles background widget with color gradients Getting Started click image to see the video Usage add this line to pub

Marco Bavagnoli 17 Oct 13, 2022