center element on the given position

alnitak · Apr 13, 2024 · bb13d33 · bb13d33
1 parent 82a764d
commit bb13d33
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -36,7 +36,6 @@ FlowChart(
     onElementPressed: (context, element) {},
     onHandlerPressed: (context, position, handler, element) {},
     onHandlerLongPressed: (context, position, handler, element) {},
-    on
 )
 ```
 

diff --git a/example/lib/main.dart b/example/lib/main.dart
@@ -249,7 +249,7 @@ class _MyHomePageState extends State<MyHomePage> {
             onPressed: () {
               dashboard.addElement(
                 FlowElement(
-                  position: position - const Offset(40, 40),
+                  position: position,
                   size: const Size(80, 80),
                   text: '${dashboard.elements.length}',
                   handlerSize: 25,
@@ -268,7 +268,7 @@ class _MyHomePageState extends State<MyHomePage> {
             label: const Text('Add rect'),
             onPressed: () {
               dashboard.addElement(FlowElement(
-                  position: position - const Offset(50, 25),
+                  position: position,
                   size: const Size(100, 50),
                   text: '${dashboard.elements.length}',
                   handlerSize: 25,
@@ -285,7 +285,7 @@ class _MyHomePageState extends State<MyHomePage> {
             label: const Text('Add oval'),
             onPressed: () {
               dashboard.addElement(FlowElement(
-                  position: position - const Offset(50, 25),
+                  position: position,
                   size: const Size(100, 50),
                   text: '${dashboard.elements.length}',
                   handlerSize: 25,
@@ -302,7 +302,7 @@ class _MyHomePageState extends State<MyHomePage> {
             label: const Text('Add parallelogram'),
             onPressed: () {
               dashboard.addElement(FlowElement(
-                  position: position - const Offset(50, 25),
+                  position: position,
                   size: const Size(100, 50),
                   text: '${dashboard.elements.length}',
                   handlerSize: 25,
@@ -317,7 +317,7 @@ class _MyHomePageState extends State<MyHomePage> {
             label: const Text('Add hexagon'),
             onPressed: () {
               dashboard.addElement(FlowElement(
-                  position: position - const Offset(50, 25),
+                  position: position,
                   size: const Size(150, 100),
                   text: '${dashboard.elements.length}',
                   handlerSize: 25,
@@ -334,7 +334,7 @@ class _MyHomePageState extends State<MyHomePage> {
             label: const Text('Add storage'),
             onPressed: () {
               dashboard.addElement(FlowElement(
-                  position: position - const Offset(50, 25),
+                  position: position,
                   size: const Size(100, 150),
                   text: '${dashboard.elements.length}',
                   handlerSize: 25,

diff --git a/lib/src/elements/flow_element.dart b/lib/src/elements/flow_element.dart
@@ -73,7 +73,7 @@ class FlowElement extends ChangeNotifier {
   bool isResizing;
 
   FlowElement({
-    this.position = Offset.zero,
+    position = Offset.zero,
     this.size = Size.zero,
     this.text = '',
     this.textColor = Colors.black,
@@ -95,7 +95,12 @@ class FlowElement extends ChangeNotifier {
     next,
   })  : next = next ?? [],
         id = const Uuid().v4(),
-        isResizing = false;
+        isResizing = false,
+        position = position -
+            Offset(
+              size.width / 2 + handlerSize / 2,
+              size.height / 2 + handlerSize / 2,
+            );
 
   @override
   String toString() {

diff --git a/lib/src/flow_chart.dart b/lib/src/flow_chart.dart
@@ -178,10 +178,10 @@ class _FlowChartState extends State<FlowChart> {
           Positioned.fill(
             child: GestureDetector(
               onTapDown: (details) {
-                tapDownPos = details.globalPosition;
+                tapDownPos = details.localPosition;
               },
               onSecondaryTapDown: (details) {
-                secondaryTapDownPos = details.globalPosition;
+                secondaryTapDownPos = details.localPosition;
               },
               onTap: widget.onDashboardTapped == null
                   ? null
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,7 +36,6 @@ FlowChart( @@
         onElementPressed: (context, element) {},
         onHandlerPressed: (context, position, handler, element) {},
         onHandlerLongPressed: (context, position, handler, element) {},
-        on
     )
     ```
@@ Expand Down @@