fix guideline offset

Author: hackw

.gitignore

@@ -9,6 +9,11 @@
 .history
 .svn/
 
+lib/main.dart
+lib/src
+buildweb.sh
+pubspec.yaml
+
 # IntelliJ related
 *.iml
 *.ipr

assets/3x/icon_back.webp

@@ -1,43 +1,46 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_constraintlayout/src/constraint_layout.dart';
 
+import 'custom_app_bar.dart';
+
 class BadgeExample extends StatelessWidget {
   const BadgeExample({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     ConstraintId anchor = ConstraintId('anchor');
-    return MaterialApp(
-      home: Scaffold(
-        body: ConstraintLayout(
-          children: [
-            Container(
-              color: Colors.yellow,
-            ).applyConstraint(
-              width: 200,
-              height: 200,
-              centerTo: parent,
-              id: anchor,
-            ),
-            Container(
-              color: Colors.green,
-              child: const Text(
-                'Indeterminate badge size',
-                style: TextStyle(
-                  color: Colors.black,
-                  fontSize: 20,
-                ),
+    return Scaffold(
+      appBar: const CustomAppBar(
+        title: 'Badge',
+      ),
+      body: ConstraintLayout(
+        children: [
+          Container(
+            color: Colors.yellow,
+          ).applyConstraint(
+            width: 200,
+            height: 200,
+            centerTo: parent,
+            id: anchor,
+          ),
+          Container(
+            color: Colors.green,
+            child: const Text(
+              'Indeterminate badge size',
+              style: TextStyle(
+                color: Colors.black,
+                fontSize: 20,
               ),
-            ).applyConstraint(
-              width: wrapContent,
-              height: wrapContent,
-              left: anchor.right,
-              bottom: anchor.top,
-              translate: const Offset(-0.5, 0.5),
-              percentageTranslate: true,
-            )
-          ],
-        ),
+            ),
+          ).applyConstraint(
+            width: wrapContent,
+            height: wrapContent,
+            left: anchor.right,
+            bottom: anchor.top,
+            translate: const Offset(-0.5, 0.5),
+            percentageTranslate: true,
+          )
+        ],
       ),
     );
   }

assets/3x/test.png

@@ -1,6 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_constraintlayout/src/constraint_layout.dart';
 
+import 'custom_app_bar.dart';
+
 class BarrierExample extends StatelessWidget {
   const BarrierExample({Key? key}) : super(key: key);
 
@@ -9,52 +11,53 @@ class BarrierExample extends StatelessWidget {
     ConstraintId leftChild = ConstraintId('leftChild');
     ConstraintId rightChild = ConstraintId('rightChild');
     ConstraintId barrier = ConstraintId('barrier');
-    return MaterialApp(
-      home: Scaffold(
-        body: ConstraintLayout(
-          debugShowGuideline: true,
-          children: [
-            Container(
-              color: const Color(0xFF005BBB),
-            ).applyConstraint(
-              id: leftChild,
-              width: 200,
-              height: 200,
-              top: parent.top,
-              left: parent.left,
-            ),
-            Container(
-              color: const Color(0xFFFFD500),
-            ).applyConstraint(
-              id: rightChild,
-              width: 200,
-              height: matchConstraint,
-              right: parent.right,
-              top: parent.top,
-              bottom: parent.bottom,
-              heightPercent: 0.5,
-              verticalBias: 0,
-            ),
-            Barrier(
-              id: barrier,
-              direction: BarrierDirection.bottom,
-              referencedIds: [leftChild, rightChild],
+    return Scaffold(
+      appBar: const CustomAppBar(
+        title: 'Barrier',
+      ),
+      body: ConstraintLayout(
+        debugShowGuideline: true,
+        children: [
+          Container(
+            color: const Color(0xFF005BBB),
+          ).applyConstraint(
+            id: leftChild,
+            width: 200,
+            height: 200,
+            top: parent.top,
+            left: parent.left,
+          ),
+          Container(
+            color: const Color(0xFFFFD500),
+          ).applyConstraint(
+            id: rightChild,
+            width: 200,
+            height: matchConstraint,
+            right: parent.right,
+            top: parent.top,
+            bottom: parent.bottom,
+            heightPercent: 0.5,
+            verticalBias: 0,
+          ),
+          Barrier(
+            id: barrier,
+            direction: BarrierDirection.bottom,
+            referencedIds: [leftChild, rightChild],
+          ),
+          const Text(
+            'Align to barrier',
+            style: TextStyle(
+              fontSize: 40,
+              color: Colors.blue,
             ),
-            const Text(
-              'Align to barrier',
-              style: TextStyle(
-                fontSize: 40,
-                color: Colors.blue,
-              ),
-            ).applyConstraint(
-              width: wrapContent,
-              height: wrapContent,
-              centerHorizontalTo: parent,
-              top: barrier.bottom,
-              goneMargin: const EdgeInsets.only(top: 20),
-            )
-          ],
-        ),
+          ).applyConstraint(
+            width: wrapContent,
+            height: wrapContent,
+            centerHorizontalTo: parent,
+            top: barrier.bottom,
+            goneMargin: const EdgeInsets.only(top: 20),
+          )
+        ],
       ),
     );
   }