@@ -8,7 +8,7 @@ flexibility, and a very flat code hierarchy than Flex and Stack. Say no to 'nest
8
8
9
9
** It is recommended to use ConstraintLayout at the top level. For extremely complex layout(One
10
10
thousand child elements, two thousand constraints), layout and drawing total time within 5
11
- milliseconds( debug mode on Windows 10,release mode take less time) , the frame rate can be easily
11
+ milliseconds( debug mode on Windows 10,release mode take less time) , the frame rate can be easily
12
12
reached 200 fps.**
13
13
14
14
** If not necessary, try to be relative to the parent layout, so that you can define less id.**
@@ -23,7 +23,8 @@ handle things that were previously (Android ConstraintLayout) two-way constraint
23
23
When the layout is complex, if the child elements need to be repainted frequently, it is recommended
24
24
to use RepaintBoundary to improve performance.
25
25
26
- Anyone who sends you a harassing message, you can send him Flutter code and use nested hell to insult him.
26
+ Anyone who sends you a harassing message, you can send him Flutter code and use nested hell to
27
+ insult him.
27
28
28
29
# Feature
29
30
@@ -41,7 +42,8 @@ Anyone who sends you a harassing message, you can send him Flutter code and use
41
42
11 . baselineToBaseline
42
43
2 . margin and goneMargin
43
44
3 . clickPadding (quickly expand the click area of child elements without changing their actual size.
44
- This means that the click area can be shared between child elements without increasing nesting. Sometimes it may be necessary to combine with z-index)
45
+ This means that the click area can be shared between child elements without increasing nesting.
46
+ Sometimes it may be necessary to combine with z-index)
45
47
4 . visibility control
46
48
5 . constraint integrity hint
47
49
6 . bias
@@ -80,11 +82,20 @@ dependencies:
80
82
ref : ' v0.8.6-stable'
81
83
` ` `
82
84
85
+ ` ` ` yaml
86
+ dependencies :
87
+ flutter_constraintlayout : ^0.8.6-stable
88
+ ` ` `
89
+
90
+ ` ` ` dart
91
+ import 'package:flutter_constraintlayout/flutter_constraintlayout.dart';
92
+ ```
93
+
83
94
# Example
84
95
85
96
``` dart
86
97
import 'package:flutter/material.dart';
87
- import 'package:flutter_constraintlayout/src/constraint_layout/constraint_layout .dart';
98
+ import 'package:flutter_constraintlayout/flutter_constraintlayout .dart';
88
99
89
100
class Example extends StatefulWidget {
90
101
const Example({Key? key}) : super(key: key);
@@ -307,7 +318,7 @@ class ExampleState extends State<Example> {
307
318
308
319
``` dart
309
320
import 'package:flutter/material.dart';
310
- import 'package:flutter_constraintlayout/src/constraint_layout/constraint_layout .dart';
321
+ import 'package:flutter_constraintlayout/flutter_constraintlayout .dart';
311
322
312
323
class GuidelineExample extends StatelessWidget {
313
324
const GuidelineExample({Key? key}) : super(key: key);
@@ -366,7 +377,7 @@ class GuidelineExample extends StatelessWidget {
366
377
367
378
``` dart
368
379
import 'package:flutter/material.dart';
369
- import 'package:flutter_constraintlayout/src/constraint_layout/constraint_layout .dart';
380
+ import 'package:flutter_constraintlayout/flutter_constraintlayout .dart';
370
381
371
382
class BarrierExample extends StatelessWidget {
372
383
const BarrierExample({Key? key}) : super(key: key);
@@ -434,7 +445,7 @@ class BarrierExample extends StatelessWidget {
434
445
435
446
``` dart
436
447
import 'package:flutter/material.dart';
437
- import 'package:flutter_constraintlayout/src/constraint_layout/constraint_layout .dart';
448
+ import 'package:flutter_constraintlayout/flutter_constraintlayout .dart';
438
449
439
450
class BadgeExample extends StatelessWidget {
440
451
const BadgeExample({Key? key}) : super(key: key);
@@ -484,17 +495,12 @@ class BadgeExample extends StatelessWidget {
484
495
# Support me
485
496
486
497
If it helps you a lot, consider sponsoring me a cup of milk tea.
487
- <br />
488
498
[ Paypal] ( https://www.paypal.com/paypalme/hackware1993 )
489
- <br />
490
- <br />
491
499
![ support.webp] ( https://github.com/hackware1993/flutter-constraintlayout/blob/master/support.webp?raw=true )
492
500
493
501
# Contact
494
502
495
503
496
- <br />
497
- <br />
498
504
![ communication.webp] ( https://github.com/hackware1993/flutter-constraintlayout/blob/master/communication.webp?raw=true )
499
505
500
506
# License
0 commit comments