fix a pinned position bug

Author: hackware1993

CHANGELOG.md

@@ -1,3 +1,7 @@
+# v1.4.3-stable
+
+fix a pinned position bug.
+
 # v1.4.2-stable
 
 fix a rotate bug.

README.md

@@ -185,12 +185,12 @@ dependencies:
   flutter_constraintlayout:
     git:
       url: 'https://github.com/hackware1993/Flutter-ConstraintLayout.git'
-      ref: 'v1.4.2-stable'
+      ref: 'v1.4.3-stable'
 ```
 
 ```yaml
 dependencies:
-  flutter_constraintlayout: ^1.4.2-stable
+  flutter_constraintlayout: ^1.4.3-stable
 ```
 
 ```dart

README_CN.md

@@ -159,12 +159,12 @@ dependencies:
   flutter_constraintlayout:
     git:
       url: 'https://github.com/hackware1993/Flutter-ConstraintLayout.git'
-      ref: 'v1.4.2-stable'
+      ref: 'v1.4.3-stable'
 ```
 
 ```yaml
 dependencies:
-  flutter_constraintlayout: ^1.4.2-stable
+  flutter_constraintlayout: ^1.4.3-stable
 ```
 
 ```dart

example/translate.dart

@@ -15,14 +15,17 @@ class TranslateExample extends StatefulWidget {
 class TranslateExampleState extends State<TranslateExample> {
   late Timer timer;
   int angle = 0;
+  int earthAngle = 0;
 
   @override
   void initState() {
     super.initState();
     timer = Timer.periodic(const Duration(milliseconds: 16), (_) {
       setState(() {
-        angle++;
+        angle += 5;
         angle %= 360;
+        earthAngle += 1;
+        earthAngle %= 360;
       });
     });
   }
@@ -43,12 +46,68 @@ class TranslateExampleState extends State<TranslateExample> {
       ),
       body: ConstraintLayout(
         children: [
+          Container(
+            decoration: const BoxDecoration(
+              color: Colors.redAccent,
+              borderRadius: BorderRadius.all(Radius.circular(1000)),
+            ),
+            child: const Text('Sun'),
+            alignment: Alignment.center,
+          ).applyConstraint(
+            size: 200,
+            pinnedInfo: PinnedInfo(
+              parent,
+              Anchor(0.5, AnchorType.percent, 0.5, AnchorType.percent),
+              Anchor(0.3, AnchorType.percent, 0.5, AnchorType.percent),
+            ),
+          ),
+          Container(
+            decoration: const BoxDecoration(
+              color: Colors.blue,
+              borderRadius: BorderRadius.all(Radius.circular(1000)),
+            ),
+            child: const Text('Earth'),
+            alignment: Alignment.center,
+          ).applyConstraint(
+            size: 100,
+            pinnedInfo: PinnedInfo(
+              sId(-1),
+              Anchor(0.5, AnchorType.percent, 0.5, AnchorType.percent),
+              Anchor(0.5, AnchorType.percent, 0.5, AnchorType.percent),
+              angle: earthAngle,
+            ),
+            translate: circleTranslate(
+              radius: 350,
+              angle: earthAngle,
+            ),
+            translateConstraint: true,
+          ),
+          Container(
+            decoration: const BoxDecoration(
+              color: Colors.grey,
+              borderRadius: BorderRadius.all(Radius.circular(1000)),
+            ),
+            child: const Text('Moon'),
+            alignment: Alignment.center,
+          ).applyConstraint(
+            size: 50,
+            pinnedInfo: PinnedInfo(
+              sId(-1),
+              Anchor(0.5, AnchorType.percent, 0.5, AnchorType.percent),
+              Anchor(0.5, AnchorType.percent, 0.5, AnchorType.percent),
+              angle: angle,
+            ),
+            translate: circleTranslate(
+              radius: 100,
+              angle: angle,
+            ),
+          ),
           Container(
             color: Colors.yellow,
           ).applyConstraint(
             id: anchor,
             size: 150,
-            centerTo: parent,
+            centerRightTo: parent.rightMargin(300),
           ),
           Container(
             color: Colors.red,

lib/src/core.dart

@@ -2898,7 +2898,11 @@ class _ConstraintRenderBox extends RenderBox
             node.pinnedConstraint!.getX() + targetOffset.dx - selfOffset.dx;
         double offsetY =
             node.pinnedConstraint!.getY() + targetOffset.dy - selfOffset.dy;
-        return Offset(offsetX, offsetY);
+        Offset offset = Offset(offsetX, offsetY);
+        if (node.pinnedInfo != null && node.translateConstraint) {
+          offset += node.translate;
+        }
+        return offset;
       }
     }
 

lib/src/utils.dart

@@ -158,6 +158,10 @@ void debugCheckConstraintsIntegrity(List<ConstrainedNode> nodeList) {
         throw ConstraintLayoutException(
             'When setting pinnedInfo, targetAnchor can not be null.');
       }
+      if (element.translate is PinnedTranslate) {
+        throw ConstraintLayoutException(
+            'When setting pinnedInfo, pinned translate can not be set.');
+      }
       continue;
     }
 

pubspec.yaml

@@ -1,6 +1,6 @@
 name: flutter_constraintlayout
 description: A super powerful Stack, build flexible layouts with constraints. Similar to ConstraintLayout for Android and AutoLayout for iOS.
-version: 1.4.2-stable
+version: 1.4.3-stable
 anthor: hackware
 homepage: https://github.com/hackware1993/Flutter-ConstraintLayout