alnitak / flutter_flow_chart Goto Github PK

View Code? Open in Web Editor NEW

187.0 187.0 41.0 7.05 MB

A #Flutter package that let you draw a flow chart diagram with different kind of customizable elements

License: MIT License

Kotlin 0.09% Ruby 1.90% Swift 0.91% Objective-C 0.03% Dart 67.14% CMake 12.84% C++ 14.80% C 1.01% HTML 1.29%

dashboard diagrams flowchart flutter package

flutter_flow_chart's Introduction

📆 Flutter enthusiast since 2018, I've been on an exciting journey of creating innovative solutions using the power of Dart and Flutter.
🧰 Open Source Advocate: I'm all about giving back to the community. You'll find some cool open-source Flutter plugins in my repository.
💡 Problem Solver: I love tackling complex challenges, and I'm constantly learning to keep my skills sharp.

🌟 My GitHub Highlights:

flutter_soloud👇🏼: Flutter low level audio plugin using SoLoud C++ library and FFI.
flutter_opencv_dlib👇🏼: Realtime face detection and face recognition using OpenCV and dlib with Dart:ffi.
flutter_opengl👇🏼: A Flutter OpenGL ES plugin using a Texture() widget.
magnifying_glass👇🏼: Flutter real-time magnifying glass lens widget with Barrel/Pincushion distortion.
flutter_star_menu👇🏼: Attach a popup menu to any widget with any widget as menu entries.
finger_painter👇🏼: Finger paint with different brushes and different blend modes.
flutter_flow_chart👇🏼: Draw a flow chart diagram with different kind of customizable elements.

Feel free to explore my repositories, and if you have any questions, suggestions, or collaboration ideas, I'm living on Earth (🇮🇹) and I'm just a message away. Let's code something amazing together! 🚀

Happy coding! 🚀

flutter_soloud

soloud6.mp4

soloud9-waveform-B.mp4

Flutter low level audio plugin using SoLoud C++ library and FFI

Player and capture audio from microphone
3D audio with doppler effect
Faders, oscillators, audio effects like echo, freeverb, robotizer, equalizer, bassboost
retrieval of audio FFT and wave data

flutter_opencv_dlib

flutter_opencv_dlib-linux.mp4

Realtime face detection and face recognition using OpenCV and dlib with Dart:ffi

flutter_opengl

A Flutter OpenGL ES plugin using a Texture() widget. Supports Android, Linux and Windows.
A project born in 2019 to address the absence of native OpenGL.

use platform GLSL
shaders can be modified and compiled at ruun-time
use dart:ffi to bind c/c++ OpenGL calls
vertex and fragment shaders
Many shaders from ShaderToy.com can be copy/pasted

some packages

magnifying_glass	flutter_star_menu	finger_painter	flutter_flow_chart

Flutter real-time magnifying glass lens widget with Barrel/Pincushion distortion.	A simple way to attach a popup menu to any widget with any widget as menu entries.	Painting package that let you finger paint with different brushes and different blend modes. The result can be read as a bitmap or list of Points to be used ie on a Map.	A package that let you draw a flow chart diagram with different kind of customizable elements. Dashboards can be saved for later use.

flutter_flow_chart's People

Contributors

Stargazers

Watchers

flutter_flow_chart's Issues

Canvas scale & move requirements

Zoom issues/new features

About zoom feature:
-I've seen that arrow black dots are not resized as expected
-callback for onScaleUpdate would be useful to manage zoom gesture (on web i can't zoom with the mouse neither with the keyboard)
-if dashboard has a fixed size when zooming in and out the sizes of the dashboard are not updated so i see the element inside the dashboard resized correcly but the dashboard keeps same size

Add {bool notify = true} to `removeElement`

I was using this package to build a chart which addNextById automatically when adding or remove elements, it is better to add {bool notify = true} to removeElement fuction. Just an advice.

Canvas Zoom

I've seen that on issue #5 was asked to add zoom feature of the canvas.
Was it added? I can't find references to it.

reopening issue as I see the same behavior - keyboard window closes before I can type anything

          Hello @alnitak ,

Apologies for not responding sooner.

I believe you are correct, StarMenu is still leading to problems.

I just updated all my Flutter packages (picked up the new update), and though I don't see the same exception, I still see the same behavior (i.e., the keyboard window closes before I can type anything).

For now, the current exception is the following:

======== Exception caught by scheduler library =====================================================
E/flutter (31108): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: 'package:flutter/src/widgets/overlay.dart': Failed assertion: line 161 pos 12: '_overlay != null': is not true.
E/flutter (31108): #0 _AssertionError._doThrowNew (dart:core-patch/errors_patch.dart:51:61)
E/flutter (31108): #1 _AssertionError._throwNew (dart:core-patch/errors_patch.dart:40:5)
The following assertion was thrown during a scheduler callback:
Cannot get renderObject of inactive element.
E/flutter (31108): #2 OverlayEntry.remove (package:flutter/src/widgets/overlay.dart:161:12)

Thank you for all your help.

Originally posted by @bl12345 in #2 (comment)

Change arrow style

It's a very nice package! Would it be possible to add an example on how to change the arrow style?

Pdf download of dashboard

Is it possible to download the pdf version of the dashboard created? i think it would be useful to export and be able to print the canvas.

[suggestion] add a `custom` parameter to `FlowElement`

Still me. When I use FlowElement and save to json, I want to save some custom data with the element but I dont want to display on the flow chart. I think add a custom parameter should be helpful.

Text Editor Bug/Crash

Hello Marco,

We notice when using your flutter_flow_chart, that when attempting to input text into an object, the editor quickly closes (before we can input any text), due to the following exception (see below):

Note: The exception below can cause the flutter app (consisting solely of your code example) to crash (please see attached video Bug-Crash.mp4 for more information).

Bug-Crash.mp4

`======== Exception caught by scheduler library ==============================================
The following assertion was thrown during a scheduler callback:
Cannot get renderObject of inactive element.

In order for an element to have a valid renderObject, it must be active, which means it is part of the tree.
Instead, this element is in the _ElementLifecycle.defunct state.
If you called this method from a State object, consider guarding it with State.mounted.
The findRenderObject() method was called for the following element: StatefulElement#6d185(DEFUNCT)
no widget
When the exception was thrown, this was the stack:
#0 Element.findRenderObject. (package:flutter/src/widgets/framework.dart:4093:9)
#1 Element.findRenderObject (package:flutter/src/widgets/framework.dart:4106:6)
#2 StarMenuState._showMenu (package:star_menu/src/star_menu.dart:387:36)
#3 StarMenuState.showMenu (package:star_menu/src/star_menu.dart:375:7)
#4 StarMenuState.resetForChanges (package:star_menu/src/star_menu.dart:236:7)
#5 StarMenuState.didChangeMetrics. (package:star_menu/src/star_menu.dart:221:7)
#6 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1175:15)
#7 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1113:9)
#8 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:1015:5)
#9 _invoke (dart:ui/hooks.dart:148:13)
#10 PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:318:5)
#11 _drawFrame (dart:ui/hooks.dart:115:31)
==============================================================================`

Thank you for any help you can provide.

Reminder to update the demo preview (example) on pub.dev

This is not an issue

This is a reminder to update the example demo on pub.dev which points to https://alnitak.github.io/#/

Canvas move and zoom

Due to the limited screen of mobile devices, is it possible to add the function of moving and zooming the canvas?

add custom data to an element

Hi, pretty package you have here!
I am looking to use this flowchart editor as a 'workflow' editor for BPMN type of workflow for just the basics.

Therefore it would be nice to be able to add custom data to connections and elements,

When the generated flowchart could be loaded into the flutter flowbuilder dart package, we could use this flowchart package as a business process modelling tool.

any thoughts about this?
Regards,
Hans