supernova-studio / exporter-flutter Goto Github PK

Supernova Flutter exporter allows conversion of design system data and elements into valid, production-ready style definitions and code

License: MIT License

JavaScript 100.00%

supernova design-systems flutter dart exporter

exporter-flutter's Introduction

Supernova is a design system platform that manages your assets, tokens, components and allows you to write spectacular documentations for your entire teams. And because you found your way here, you are probably interested in its most advanced functionality - automatic hand-off of design and development assets, tokens and data in general. To learn everything Supernova, please check out our developer documentation.

Flutter Exporter

The Flutter Exporter allows you to produce production-ready code for all product styles (such as colors) defined inside your design system in such a way that you can immediately use them to style your application elements. Specifically, this exporter automates the coding of:

The exporter will generate a class per style type with a static constant for each specific token. If provided, it will also include each token's description as a documentation comment. Here's an example of the exporter ouput for a single 11 Regular Italic text style under a Text group:

import 'package:flutter/material.dart';

class AppTextStyles {

  static const text11RegularItalic = TextStyle(
    fontFamily: "Poppins",
    fontWeight: FontWeight.w400,
    fontStyle: FontStyle.italic,
    fontSize: 11,
    decoration: TextDecoration.none,
    letterSpacing: 0.3,
  );
  
  AppTextStyles._();
}

Example Usage

Once you have run the exporter against your design system, you can start using the code in your codebase right away. Here are a few examples of how you can use the output of the Flutter exporter:

Using a text style

import 'package:flutter/material.dart';

import '../text_styles.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Center(
        child: Text(
          "Hello, world!",
          style: AppTextStyles.text11RegularItalic,
        ),
      ),
    );
  }
}

Installing

You can generate all production ready-code either manually using Supernova's VS Code extension, or automate your code delivery pipeline using Supernova Design Continuous Delivery. In order to make the Supernova Flutter exporter available for your organization so you can start generating code from your design system, please follow the installation guide in our developer documentation.

Reporting Bugs or Requesting Features

In order to faciliate easy communication and speed up delivery of fixes and features for this exporter, we require everyone to log all issues and feature requests through the issue tracking of this repository.

Please read through the existing issues before you open a new issue! It might be that we have already discussed it before. If you are sure your request wasn't mentioned just yet, proceed to open a new issue and fill in the required information. Thank you!

Contributing

If you have an idea for improving this exporter package or want a specific issue fixed quickly, we would love to see you contribute to its development!

There are multiple ways you can contribute, so we have written a contribution guide that will walk your through the process. Any pull requests to this repository are very welcome.

Would love to help us build more but maybe need a little bit of support? Join our community and drop us a message, we will support any of your wild ideas!

License

This exporter is distributed under the MIT license. We absolutely encourage you to clone it and modify it for your purposes, so it fits the requirements of your stack. If you see that you have created something amazing in the process that others would benefit from, we strongly recommend you consider publishing it back to the community as well.

Useful Links

To learn more about Supernova, go visit our website
To join our community of fellow developers where we try to push what is possible with design systems and code automation, join our community discord
To understand everything you can do with Supernova and how much time and resources it can save you, go read our product documentation
Finally, to learn everything about what exporters are and how you can integrate with your codebase, go read our developer documentation

Supernova Maintained Exporters

We are developing and maintaining exporters for many major technologies. Here are all the official exporters maintained by Supernova:

Additionally, you can also use asset exporters for all major targets, enjoy!:

To browse all exporters created by our amazing community, please visit the Supernova Exporter Store.

exporter-flutter's People

Contributors

Stargazers

Watchers

Forkers

vishna dietfriends mateusfsilva priyeshbeohar ydus ryanjohndias tfg-labs superlistapp interfacile jan-supernova slavisam ardley-technologies emirbostanci rezafaizarahman tcs-ds artufimtcev brandonsupernova

exporter-flutter's Issues

Some colors imported twice in generated code

Why not check for doubles or something?

Height is missing from Text Styles

Hello, We have noticed that the property height is not coming in correctly. Flutter defines line-height as height and the calculation is "line-height/font-size". I have had to manually do the calculations and include them. Is this something that can be added to the exporter?

Cannot export a project, too many errors

Hello,

I've created a project under adobe XD and try to import it and export it with supernova, despite the fact that some model aren't compatible i notice that views generated by supernova isn't working :

Performing hot reload...
Syncing files to device iPad Pro (12.9-inch) (5th generation)...
Reloaded 2 of 564 libraries in 1 235ms.

======== Exception caught by rendering library =====================================================
The following assertion was thrown during performLayout():
'package:flutter/src/rendering/stack.dart': Failed assertion: line 588 pos 12: 'size.isFinite': is not true.


Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
  https://github.com/flutter/flutter/issues/new?template=2_bug.md

When the exception was thrown, this was the stack: 
#2      RenderStack._computeSize (package:flutter/src/rendering/stack.dart:588:12)
#3      RenderStack.performLayout (package:flutter/src/rendering/stack.dart:597:12)
#4      RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#5      RenderStack.layoutPositionedChild (package:flutter/src/rendering/stack.dart:497:11)
#6      RenderStack.performLayout (package:flutter/src/rendering/stack.dart:610:30)
#7      RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#8      RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#9      RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#10     RenderConstrainedBox.performLayout (package:flutter/src/rendering/proxy_box.dart:277:14)
#11     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#12     MultiChildLayoutDelegate.layoutChild (package:flutter/src/rendering/custom_layout.dart:171:12)
#13     _ScaffoldLayout.performLayout (package:flutter/src/material/scaffold.dart:1097:7)
#14     MultiChildLayoutDelegate._callPerformLayout (package:flutter/src/rendering/custom_layout.dart:240:7)
#15     RenderCustomMultiChildLayoutBox.performLayout (package:flutter/src/rendering/custom_layout.dart:404:14)
#16     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#17     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#18     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#19     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#20     _RenderCustomClip.performLayout (package:flutter/src/rendering/proxy_box.dart:1388:11)
#21     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#22     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#23     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#24     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#25     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#26     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#27     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#28     ChildLayoutHelper.layoutChild (package:flutter/src/rendering/layout_helper.dart:56:11)
#29     RenderStack._computeSize (package:flutter/src/rendering/stack.dart:570:43)
#30     RenderStack.performLayout (package:flutter/src/rendering/stack.dart:597:12)
#31     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#32     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#33     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#34     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#35     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#36     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#37     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#38     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#39     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#40     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#41     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#42     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#43     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#44     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#45     RenderOffstage.performLayout (package:flutter/src/rendering/proxy_box.dart:3422:13)
#46     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#47     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#48     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#49     _RenderTheatre.performLayout (package:flutter/src/widgets/overlay.dart:745:15)
#50     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#51     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#52     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#53     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#54     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#55     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#56     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#57     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#58     RenderCustomPaint.performLayout (package:flutter/src/rendering/custom_paint.dart:545:11)
#59     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#60     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#61     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#62     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#63     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#64     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#65     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#66     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#67     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#68     RenderView.performLayout (package:flutter/src/rendering/view.dart:165:14)
#69     RenderObject._layoutWithoutResize (package:flutter/src/rendering/object.dart:1713:7)
#70     PipelineOwner.flushLayout (package:flutter/src/rendering/object.dart:885:18)
#71     RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:453:19)
#72     WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:883:13)
#73     RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:319:5)
#74     SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1143:15)
#75     SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1080:9)
#76     SchedulerBinding.scheduleWarmUpFrame.<anonymous closure> (package:flutter/src/scheduler/binding.dart:863:7)
(elided 6 frames from class _AssertionError, class _RawReceivePortImpl, class _Timer, and dart:async-patch)
The following RenderObject was being processed when the exception was fired: RenderStack#39697 relayoutBoundary=up1 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...  parentData: top=56.0; right=-153.0; left=20.0; offset=Offset(0.0, 0.0) (can use size)
...  constraints: BoxConstraints(w=1157.0, 0.0<=h<=Infinity)
...  size: MISSING
...  alignment: AlignmentDirectional.topStart
...  textDirection: ltr
...  fit: loose
RenderObject: RenderStack#39697 relayoutBoundary=up1 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
  parentData: top=56.0; right=-153.0; left=20.0; offset=Offset(0.0, 0.0) (can use size)
  constraints: BoxConstraints(w=1157.0, 0.0<=h<=Infinity)
  size: MISSING
  alignment: AlignmentDirectional.topStart
  textDirection: ltr
  fit: loose
...  child 1: RenderStack#d4eb1 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...    parentData: top=0.0; right=0.0; bottom=0.0; left=5.0; offset=Offset(0.0, 0.0)
...    constraints: MISSING
...    size: MISSING
...    alignment: Alignment.center
...    textDirection: ltr
...    fit: loose
...    child 1: RenderParagraph#2955e NEEDS-LAYOUT NEEDS-PAINT
...      parentData: bottom=39.0; left=0.0; offset=Offset(0.0, 0.0)
...      constraints: MISSING
...      size: MISSING
...      textAlign: left
...      textDirection: ltr
...      softWrap: wrapping at box width
...      overflow: clip
...      locale: en_US
...      maxLines: unlimited
...      text: TextSpan
...        debugLabel: ((englishLike body1 2014).merge(blackCupertino bodyText2)).merge(unknown)
...        inherit: false
...        color: Color(0xff3f3e42)
...        family: .SF UI Text
...        size: 9.0
...        weight: 400
...        baseline: alphabetic
...        height: 1.2x
...        decoration: TextDecoration.none
...        "* Test clinique, 30 volontaires — ALLERGISA — 01/10/2020
** Test clinique (scorage clinique), 29 volontaires — CERCO — 10/01/2020 NAOS FRANCE, RCS Lyon 917 485 725 - RA-MG (0188) Avril 2021"
...    child 2: RenderStack#bcbc1 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: top=0.0; right=0.0; bottom=0.0; left=227.0; offset=Offset(0.0, 0.0)
...      constraints: MISSING
...      size: MISSING
...      alignment: Alignment.center
...      textDirection: ltr
...      fit: loose
...      child 1: RenderFlex#2aa9b NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: top=117.0; right=444.0; left=0.0; offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        direction: vertical
...        mainAxisAlignment: start
...        mainAxisSize: max
...        crossAxisAlignment: stretch
...        verticalDirection: down
...        child 1: RenderPositionedBox#c2c2b NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.topRight
...          textDirection: ltr
...          widthFactor: expand
...          heightFactor: expand
...        child 2: RenderPositionedBox#ccab9 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.topLeft
...          textDirection: ltr
...          widthFactor: expand
...          heightFactor: expand
...        child 3: RenderPositionedBox#d24be NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.topRight
...          textDirection: ltr
...          widthFactor: expand
...          heightFactor: expand
...      child 2: RenderFlex#7ede1 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: top=119.0; left=0.0; offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        direction: vertical
...        mainAxisAlignment: start
...        mainAxisSize: max
...        crossAxisAlignment: stretch
...        verticalDirection: down
...        child 1: RenderPositionedBox#2e9b0 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.topLeft
...          textDirection: ltr
...          widthFactor: expand
...          heightFactor: expand
...        child 2: RenderPadding#a6a04 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          padding: EdgeInsets(0.0, 11.0, 0.0, 0.0)
...          textDirection: ltr
...      child 3: RenderStack#4e344 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: right=0.0; offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.centerLeft
...        textDirection: ltr
...        fit: loose
...        child 1: RenderStack#25eef NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: right=0.0; left=0.0; offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.center
...          textDirection: ltr
...          fit: loose
...        child 2: RenderSemanticsAnnotations#8ad40 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: left=13.0; offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...      child 4: RenderFlex#16f54 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: top=46.0; right=177.0; bottom=58.0; offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        direction: vertical
...        mainAxisAlignment: start
...        mainAxisSize: max
...        crossAxisAlignment: stretch
...        verticalDirection: down
...        child 1: RenderPositionedBox#ccce8 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.topRight
...          textDirection: ltr
...          widthFactor: expand
...          heightFactor: expand
...        child 2: RenderConstrainedBox#5f6b3 NEEDS-LAYOUT NEEDS-PAINT
...          parentData: offset=Offset(0.0, 0.0); flex=1; fit=FlexFit.tight
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=0.0, h=0.0)
...        child 3: RenderPositionedBox#625af NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.topRight
...          textDirection: ltr
...          widthFactor: expand
...          heightFactor: expand
...      child 5: RenderSemanticsAnnotations#dcff4 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: top=153.0; right=199.0; offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        semantic boundary
...        size: MISSING
...        child: _RenderInputPadding#1072b NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: <none>
...          constraints: MISSING
...          size: MISSING
...    child 3: RenderFlex#94a32 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: top=301.0; bottom=96.0; left=22.0; offset=Offset(0.0, 0.0)
...      constraints: MISSING
...      size: MISSING
...      direction: vertical
...      mainAxisAlignment: start
...      mainAxisSize: max
...      crossAxisAlignment: stretch
...      verticalDirection: down
...      child 1: RenderPositionedBox#ac8af NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.topLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderConstrainedBox#67184 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=401.0, h=179.0)
...      child 2: RenderPositionedBox#93244 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.topLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderPadding#d6aa7 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          padding: EdgeInsets(58.0, 20.0, 0.0, 0.0)
...          textDirection: ltr
...      child 3: RenderConstrainedBox#04086 NEEDS-LAYOUT NEEDS-PAINT
...        parentData: offset=Offset(0.0, 0.0); flex=1; fit=FlexFit.tight
...        constraints: MISSING
...        size: MISSING
...        additionalConstraints: BoxConstraints(w=0.0, h=0.0)
...      child 4: RenderPositionedBox#05445 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.topLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderConstrainedBox#20dd6 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=294.0, h=96.0)
...  child 2: RenderFlex#1a873 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...    parentData: top=39.0; left=0.0; offset=Offset(0.0, 0.0)
...    constraints: MISSING
...    size: MISSING
...    direction: vertical
...    mainAxisAlignment: start
...    mainAxisSize: max
...    crossAxisAlignment: stretch
...    verticalDirection: down
...    child 1: RenderPositionedBox#51d68 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...      constraints: MISSING
...      size: MISSING
...      alignment: Alignment.topLeft
...      textDirection: ltr
...      widthFactor: expand
...      heightFactor: expand
...      child: RenderConstrainedBox#aa4bd NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        additionalConstraints: BoxConstraints(w=219.0, h=76.0)
...        child: RenderStack#72882 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: <none>
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.center
...          textDirection: ltr
...          fit: loose
...    child 2: RenderPositionedBox#2a039 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...      constraints: MISSING
...      size: MISSING
...      alignment: Alignment.topLeft
...      textDirection: ltr
...      widthFactor: expand
...      heightFactor: expand
...      child: RenderPadding#512ce NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        padding: EdgeInsets(14.0, 8.0, 0.0, 0.0)
...        textDirection: ltr
...        child: RenderConstrainedBox#6f408 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=184.0, h=170.0)
...    child 3: RenderPositionedBox#7a3fe NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...      constraints: MISSING
...      size: MISSING
...      alignment: Alignment.topLeft
...      textDirection: ltr
...      widthFactor: expand
...      heightFactor: expand
...      child: RenderPadding#ece96 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        padding: EdgeInsets(27.0, 227.0, 0.0, 0.0)
...        textDirection: ltr
...        child: RenderConstrainedBox#93bbe NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=41.0, h=41.0)
====================================================================================================

======== Exception caught by rendering library =====================================================
The following assertion was thrown during performLayout():
RenderBox was not laid out: RenderStack#39697 relayoutBoundary=up1 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1929 pos 12: 'hasSize'


Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
  https://github.com/flutter/flutter/issues/new?template=2_bug.md

When the exception was thrown, this was the stack: 
#2      RenderBox.size (package:flutter/src/rendering/box.dart:1929:12)
#3      RenderStack.layoutPositionedChild (package:flutter/src/rendering/stack.dart:508:30)
#4      RenderStack.performLayout (package:flutter/src/rendering/stack.dart:610:30)
#5      RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#6      RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#7      RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#8      RenderConstrainedBox.performLayout (package:flutter/src/rendering/proxy_box.dart:277:14)
#9      RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#10     MultiChildLayoutDelegate.layoutChild (package:flutter/src/rendering/custom_layout.dart:171:12)
#11     _ScaffoldLayout.performLayout (package:flutter/src/material/scaffold.dart:1097:7)
#12     MultiChildLayoutDelegate._callPerformLayout (package:flutter/src/rendering/custom_layout.dart:240:7)
#13     RenderCustomMultiChildLayoutBox.performLayout (package:flutter/src/rendering/custom_layout.dart:404:14)
#14     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#15     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#16     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#17     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#18     _RenderCustomClip.performLayout (package:flutter/src/rendering/proxy_box.dart:1388:11)
#19     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#20     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#21     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#22     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#23     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#24     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#25     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#26     ChildLayoutHelper.layoutChild (package:flutter/src/rendering/layout_helper.dart:56:11)
#27     RenderStack._computeSize (package:flutter/src/rendering/stack.dart:570:43)
#28     RenderStack.performLayout (package:flutter/src/rendering/stack.dart:597:12)
#29     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#30     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#31     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#32     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#33     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#34     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#35     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#36     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#37     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#38     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#39     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#40     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#41     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#42     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#43     RenderOffstage.performLayout (package:flutter/src/rendering/proxy_box.dart:3422:13)
#44     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#45     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#46     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#47     _RenderTheatre.performLayout (package:flutter/src/widgets/overlay.dart:745:15)
#48     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#49     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#50     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#51     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#52     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#53     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#54     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#55     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#56     RenderCustomPaint.performLayout (package:flutter/src/rendering/custom_paint.dart:545:11)
#57     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#58     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#59     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#60     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#61     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#62     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#63     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#64     RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#65     RenderObject.layout (package:flutter/src/rendering/object.dart:1858:7)
#66     RenderView.performLayout (package:flutter/src/rendering/view.dart:165:14)
#67     RenderObject._layoutWithoutResize (package:flutter/src/rendering/object.dart:1713:7)
#68     PipelineOwner.flushLayout (package:flutter/src/rendering/object.dart:885:18)
#69     RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:453:19)
#70     WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:883:13)
#71     RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:319:5)
#72     SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1143:15)
#73     SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1080:9)
#74     SchedulerBinding.scheduleWarmUpFrame.<anonymous closure> (package:flutter/src/scheduler/binding.dart:863:7)
(elided 6 frames from class _AssertionError, class _RawReceivePortImpl, class _Timer, and dart:async-patch)
The following RenderObject was being processed when the exception was fired: RenderStack#4e207 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...  parentData: <none> (can use size)
...  constraints: BoxConstraints(w=1024.0, h=1366.0)
...  size: Size(1024.0, 1366.0)
...  alignment: Alignment.topCenter
...  textDirection: ltr
...  fit: loose
RenderObject: RenderStack#4e207 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
  parentData: <none> (can use size)
  constraints: BoxConstraints(w=1024.0, h=1366.0)
  size: Size(1024.0, 1366.0)
  alignment: Alignment.topCenter
  textDirection: ltr
  fit: loose
...  child 1: RenderStack#39697 relayoutBoundary=up1 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...    parentData: top=56.0; right=-153.0; left=20.0; offset=Offset(0.0, 0.0) (can use size)
...    constraints: BoxConstraints(w=1157.0, 0.0<=h<=Infinity)
...    size: MISSING
...    alignment: AlignmentDirectional.topStart
...    textDirection: ltr
...    fit: loose
...    child 1: RenderStack#d4eb1 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: top=0.0; right=0.0; bottom=0.0; left=5.0; offset=Offset(0.0, 0.0)
...      constraints: MISSING
...      size: MISSING
...      alignment: Alignment.center
...      textDirection: ltr
...      fit: loose
...      child 1: RenderParagraph#2955e NEEDS-LAYOUT NEEDS-PAINT
...        parentData: bottom=39.0; left=0.0; offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        textAlign: left
...        textDirection: ltr
...        softWrap: wrapping at box width
...        overflow: clip
...        locale: en_US
...        maxLines: unlimited
...        text: TextSpan
...          debugLabel: ((englishLike body1 2014).merge(blackCupertino bodyText2)).merge(unknown)
...          inherit: false
...          color: Color(0xff3f3e42)
...          family: .SF UI Text
...          size: 9.0
...          weight: 400
...          baseline: alphabetic
...          height: 1.2x
...          decoration: TextDecoration.none
...          "* Test clinique, 30 volontaires — ALLERGISA — 01/10/2020
** Test clinique (scorage clinique), 29 volontaires — CERCO — 10/01/2020 NAOS FRANCE, RCS Lyon 917 485 725 - RA-MG (0188) Avril 2021"
...      child 2: RenderStack#bcbc1 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: top=0.0; right=0.0; bottom=0.0; left=227.0; offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.center
...        textDirection: ltr
...        fit: loose
...        child 1: RenderFlex#2aa9b NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: top=117.0; right=444.0; left=0.0; offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          direction: vertical
...          mainAxisAlignment: start
...          mainAxisSize: max
...          crossAxisAlignment: stretch
...          verticalDirection: down
...        child 2: RenderFlex#7ede1 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: top=119.0; left=0.0; offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          direction: vertical
...          mainAxisAlignment: start
...          mainAxisSize: max
...          crossAxisAlignment: stretch
...          verticalDirection: down
...        child 3: RenderStack#4e344 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: right=0.0; offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.centerLeft
...          textDirection: ltr
...          fit: loose
...        child 4: RenderFlex#16f54 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: top=46.0; right=177.0; bottom=58.0; offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          direction: vertical
...          mainAxisAlignment: start
...          mainAxisSize: max
...          crossAxisAlignment: stretch
...          verticalDirection: down
...        child 5: RenderSemanticsAnnotations#dcff4 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: top=153.0; right=199.0; offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          semantic boundary
...          size: MISSING
...      child 3: RenderFlex#94a32 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: top=301.0; bottom=96.0; left=22.0; offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        direction: vertical
...        mainAxisAlignment: start
...        mainAxisSize: max
...        crossAxisAlignment: stretch
...        verticalDirection: down
...        child 1: RenderPositionedBox#ac8af NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.topLeft
...          textDirection: ltr
...          widthFactor: expand
...          heightFactor: expand
...        child 2: RenderPositionedBox#93244 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.topLeft
...          textDirection: ltr
...          widthFactor: expand
...          heightFactor: expand
...        child 3: RenderConstrainedBox#04086 NEEDS-LAYOUT NEEDS-PAINT
...          parentData: offset=Offset(0.0, 0.0); flex=1; fit=FlexFit.tight
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=0.0, h=0.0)
...        child 4: RenderPositionedBox#05445 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          alignment: Alignment.topLeft
...          textDirection: ltr
...          widthFactor: expand
...          heightFactor: expand
...    child 2: RenderFlex#1a873 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: top=39.0; left=0.0; offset=Offset(0.0, 0.0)
...      constraints: MISSING
...      size: MISSING
...      direction: vertical
...      mainAxisAlignment: start
...      mainAxisSize: max
...      crossAxisAlignment: stretch
...      verticalDirection: down
...      child 1: RenderPositionedBox#51d68 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.topLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderConstrainedBox#aa4bd NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=219.0, h=76.0)
...      child 2: RenderPositionedBox#2a039 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.topLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderPadding#512ce NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          padding: EdgeInsets(14.0, 8.0, 0.0, 0.0)
...          textDirection: ltr
...      child 3: RenderPositionedBox#7a3fe NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.topLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderPadding#ece96 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          padding: EdgeInsets(27.0, 227.0, 0.0, 0.0)
...          textDirection: ltr
...  child 2: RenderStack#c8d0c NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...    parentData: top=-603.0; right=-1.0; left=-1.0; offset=Offset(0.0, 0.0)
...    constraints: MISSING
...    size: MISSING
...    alignment: Alignment.centerLeft
...    textDirection: ltr
...    fit: loose
...    child 1: RenderFlex#946dd NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: right=20.0; left=19.0; offset=Offset(0.0, 0.0)
...      constraints: MISSING
...      size: MISSING
...      direction: horizontal
...      mainAxisAlignment: start
...      mainAxisSize: max
...      crossAxisAlignment: stretch
...      textDirection: ltr
...      verticalDirection: down
...      child 1: RenderPositionedBox#47e91 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.centerLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderConstrainedBox#a0080 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=41.0, h=41.0)
...      child 2: RenderPositionedBox#11d07 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.centerLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderPadding#5bafc NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          padding: EdgeInsets(18.0, 0.0, 0.0, 0.0)
...          textDirection: ltr
...      child 3: RenderPositionedBox#391f6 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.centerLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderPadding#afbb0 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          padding: EdgeInsets(18.0, 0.0, 0.0, 0.0)
...          textDirection: ltr
...      child 4: RenderPositionedBox#b3bb7 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.centerLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderConstrainedBox#276bb NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=76.0, h=1281.0)
...      child 5: RenderConstrainedBox#f2bc1 NEEDS-LAYOUT NEEDS-PAINT
...        parentData: offset=Offset(0.0, 0.0); flex=1; fit=FlexFit.tight
...        constraints: MISSING
...        size: MISSING
...        additionalConstraints: BoxConstraints(w=0.0, h=0.0)
...      child 6: RenderPositionedBox#5d30a NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.centerLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderConstrainedBox#3be2a NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=41.0, h=41.0)
...    child 2: RenderSemanticsAnnotations#87faf NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: left=30.0; offset=Offset(0.0, 0.0)
...      constraints: MISSING
...      size: MISSING
...      child: RenderImage#8cde2 NEEDS-LAYOUT NEEDS-PAINT
...        parentData: <none>
...        constraints: MISSING
...        size: MISSING
...        image: null
...        fit: none
...        alignment: Alignment.center
...        invertColors: false
...        filterQuality: low
...    child 3: RenderFlex#b1363 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: left=88.0; offset=Offset(0.0, 0.0)
...      constraints: MISSING
...      size: MISSING
...      direction: horizontal
...      mainAxisAlignment: start
...      mainAxisSize: max
...      crossAxisAlignment: stretch
...      textDirection: ltr
...      verticalDirection: down
...      child 1: RenderPositionedBox#5b7ad NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.centerLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderConstrainedBox#b14d4 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=20.0, h=19.0)
...      child 2: RenderPositionedBox#66f21 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...        constraints: MISSING
...        size: MISSING
...        alignment: Alignment.centerLeft
...        textDirection: ltr
...        widthFactor: expand
...        heightFactor: expand
...        child: RenderConstrainedBox#af84f NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0)
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=169.0, h=32.0)
...    child 4: RenderStack#28b33 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: top=662.0; right=0.0; left=0.0; offset=Offset(0.0, 0.0)
...      constraints: MISSING
...      size: MISSING
...      alignment: Alignment.center
...      textDirection: ltr
...      fit: loose
...      child 1: RenderConstrainedBox#8dd9b NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: top=15.0; right=0.0; left=0.0; offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        additionalConstraints: BoxConstraints(0.0<=w<=Infinity, h=2.0)
...        child: RenderDecoratedBox#37450 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: <none>
...          constraints: MISSING
...          size: MISSING
...          decoration: BoxDecoration
...            color: Color(0xffd8eaf0)
...          configuration: ImageConfiguration(bundle: PlatformAssetBundle#dbfe1(), devicePixelRatio: 2.0, locale: en_US, textDirection: TextDirection.ltr, platform: iOS)
...      child 2: RenderFlex#a54c1 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: top=0.0; offset=Offset(0.0, 0.0)
...        constraints: MISSING
...        size: MISSING
...        direction: horizontal
...        mainAxisAlignment: start
...        mainAxisSize: max
...        crossAxisAlignment: center
...        textDirection: ltr
...        verticalDirection: down
...        child 1: RenderConstrainedBox#e7e0b NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=41.0, h=31.0)
...        child 2: RenderPadding#c82a5 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          padding: EdgeInsets(13.0, 0.0, 0.0, 0.0)
...          textDirection: ltr
...        child 3: RenderConstrainedBox#b736d NEEDS-LAYOUT NEEDS-PAINT
...          parentData: offset=Offset(0.0, 0.0); flex=1; fit=FlexFit.tight
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=0.0, h=0.0)
...        child 4: RenderConstrainedBox#35704 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          parentData: offset=Offset(0.0, 0.0); flex=null; fit=null
...          constraints: MISSING
...          size: MISSING
...          additionalConstraints: BoxConstraints(w=71.0, h=31.0)
====================================================================================================
[VERBOSE-2:ui_dart_state.cc(209)] Unhandled Exception: Cannot hit test a render box that has never been laid out.
The hitTest() method was called on this RenderBox: RenderStack#c8d0c NEEDS-LAYOUT NEEDS-PAINT:
  creator: Stack ← Positioned ← Stack ← DecoratedBox ← ConstrainedBox ← Container ← _BodyBuilder ← MediaQuery ← LayoutId-[<_ScaffoldSlot.body>] ← CustomMultiChildLayout ← AnimatedBuilder ← DefaultTextStyle ← ⋯
  parentData: top=-603.0; right=-1.0; left=-1.0; offset=Offset(0.0, 0.0)
  constraints: MISSING
  size: MISSING
  alignment: Alignment.centerLeft
  textDirection: ltr
  fit: loose
Unfortunately, this object's geometry is not known at this time, probably because it has never been laid out. This means it cannot be accurately hit-tested.
If you are trying to perform a hit test during the layout phase itself, make sure you only hit test nodes that have completed layout (e.g. the node's children, after their layout() method has been called).
#0      RenderBox.hitTest.<<…>

The view generated by supernova :

import 'package:myproject/screen_widget/screen_widget.dart';
import 'package:myproject/values/values.dart';
import 'package:flutter/material.dart';


class ScreenTwoWidget extends StatelessWidget {
  
  void onGroupe4434Pressed(BuildContext context) => Navigator.push(context, MaterialPageRoute(builder: (context) => ScreenWidget()));
  
  @override
  Widget build(BuildContext context) {
  
    return Scaffold(
      body: Container(
        constraints: BoxConstraints.expand(),
        decoration: BoxDecoration(
          color: Color.fromARGB(255, 255, 255, 255),
        ),
        child: Stack(
          alignment: Alignment.topCenter,
          children: [
            Positioned(
              left: 20,
              top: 56,
              right: -153,
              child: Stack(
                children: [
                  Positioned(
                    left: 5,
                    top: 0,
                    right: 0,
                    bottom: 0,
                    child: Stack(
                      alignment: Alignment.center,
                      children: [
                        Positioned(
                          left: 0,
                          bottom: 39,
                          child: Text(
                            "Lorem ipsum blabla blabla blabla blablal blalblalbl alblalblalblalbla",
                            textAlign: TextAlign.left,
                            style: TextStyle(
                              color: AppColors.primaryText,
                              fontWeight: FontWeight.w400,
                              fontSize: 9,
                              height: 1.2,
                            ),
                          ),
                        ),
                        Positioned(
                          left: 227,
                          top: 0,
                          right: 0,
                          bottom: 0,
                          child: Stack(
                            alignment: Alignment.center,
                            children: [
                              Positioned(
                                left: 0,
                                top: 117,
                                right: 444,
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.stretch,
                                  children: [
                                    Align(
                                      alignment: Alignment.topRight,
                                      child: Container(
                                        width: 162,
                                        height: 45,
                                        margin: EdgeInsets.only(right: 107),
                                        child: Stack(
                                          alignment: Alignment.center,
                                          children: [
                                            Positioned(
                                              left: 19,
                                              right: 15,
                                              child: Text(
                                                "BLABLABLABLA",
                                                textAlign: TextAlign.center,
                                                style: TextStyle(
                                                  color: AppColors.secondaryText,
                                                  fontWeight: FontWeight.w400,
                                                  fontSize: 22,
                                                ),
                                              ),
                                            ),
                                            Positioned(
                                              left: 0,
                                              right: 0,
                                              child: Image.asset(
                                                "assets/images/groupe-4393.png",
                                                fit: BoxFit.none,
                                              ),
                                            ),
                                          ],
                                        ),
                                      ),
                                    ),
                                    Align(
                                      alignment: Alignment.topLeft,
                                      child: Container(
                                        width: 335,
                                        height: 33,
                                        margin: EdgeInsets.only(top: 76),
                                        decoration: BoxDecoration(
                                          color: AppColors.primaryElement,
                                        ),
                                        child: Column(
                                          mainAxisAlignment: MainAxisAlignment.center,
                                          crossAxisAlignment: CrossAxisAlignment.stretch,
                                          children: [
                                            Container(
                                              margin: EdgeInsets.only(left: 12, right: 10),
                                              child: Text(
                                                "BLABLA BLABLA BLABLA",
                                                textAlign: TextAlign.left,
                                                style: TextStyle(
                                                  color: AppColors.accentText,
                                                  fontWeight: FontWeight.w400,
                                                  fontSize: 16,
                                                ),
                                              ),
                                            ),
                                          ],
                                        ),
                                      ),
                                    ),
                                    Align(
                                      alignment: Alignment.topRight,
                                      child: Container(
                                        width: 474,
                                        height: 345,
                                        margin: EdgeInsets.only(top: 54),
                                        child: Column(
                                          crossAxisAlignment: CrossAxisAlignment.stretch,
                                          children: [
                                            Container(
                                              height: 27,
                                              margin: EdgeInsets.only(left: 74),
                                              child: Row(
                                                crossAxisAlignment: CrossAxisAlignment.stretch,
                                                children: [
                                                  Align(
                                                    alignment: Alignment.topLeft,
                                                    child: Text(
                                                      "BLABLA BLA",
                                                      textAlign: TextAlign.right,
                                                      style: TextStyle(
                                                        color: AppColors.secondaryText,
                                                        fontWeight: FontWeight.w400,
                                                        fontSize: 22,
                                                      ),
                                                    ),
                                                  ),
                                                  Spacer(),
                                                  Align(
                                                    alignment: Alignment.topLeft,
                                                    child: Container(
                                                      width: 113,
                                                      height: 17,
                                                      margin: EdgeInsets.only(top: 7),
                                                      child: Stack(
                                                        alignment: Alignment.centerLeft,
                                                        children: [
                                                          Positioned(
                                                            left: 0,
                                                            child: Container(
                                                              width: 4,
                                                              height: 17,
                                                              decoration: BoxDecoration(
                                                                color: AppColors.primaryElement,
                                                              ),
                                                              child: Container(),
                                                            ),
                                                          ),
                                                          Positioned(
                                                            left: 0,
                                                            right: 0,
                                                            child: Container(
                                                              height: 2,
                                                              decoration: BoxDecoration(
                                                                color: AppColors.primaryElement,
                                                              ),
                                                              child: Container(),
                                                            ),
                                                          ),
                                                        ],
                                                      ),
                                                    ),
                                                  ),
                                                ],
                                              ),
                                            ),
                                            Container(
                                              height: 81,
                                              margin: EdgeInsets.only(top: 37, right: 12),
                                              child: Row(
                                                crossAxisAlignment: CrossAxisAlignment.stretch,
                                                children: [
                                                  Align(
                                                    alignment: Alignment.topLeft,
                                                    child: Text(
                                                      "BLABLA BLABLA BLALBALB LABLALBLABLA\n",
                                                      textAlign: TextAlign.right,
                                                      style: TextStyle(
                                                        color: AppColors.secondaryText,
                                                        fontWeight: FontWeight.w400,
                                                        fontSize: 22,
                                                        height: 1.2,
                                                      ),
                                                    ),
                                                  ),
                                                  Spacer(),
                                                  Align(
                                                    alignment: Alignment.topLeft,
                                                    child: Container(
                                                      width: 113,
                                                      height: 41,
                                                      margin: EdgeInsets.only(top: 7),
                                                      child: Stack(
                                                        alignment: Alignment.centerLeft,
                                                        children: [
                                                          Positioned(
                                                            left: 0,
                                                            child: Container(
                                                              width: 4,
                                                              height: 41,
                                                              decoration: BoxDecoration(
                                                                color: AppColors.primaryElement,
                                                              ),
                                                              child: Container(),
                                                            ),
                                                          ),
                                                          Positioned(
                                                            left: 0,
                                                            right: 0,
                                                            child: Container(
                                                              height: 2,
                                                              decoration: BoxDecoration(
                                                                color: AppColors.primaryElement,
                                                              ),
                                                              child: Container(),
                                                            ),
                                                          ),
                                                        ],
                                                      ),
                                                    ),
                                                  ),
                                                ],
                                              ),
                                            ),
                                            Container(
                                              height: 81,
                                              margin: EdgeInsets.only(left: 104, top: 12, right: 36),
                                              child: Row(
                                                crossAxisAlignment: CrossAxisAlignment.stretch,
                                                children: [
                                                  Align(
                                                    alignment: Alignment.topLeft,
                                                    child: Text(
                                                      "BLABLAB LABLA\n",
                                                      textAlign: TextAlign.right,
                                                      style: TextStyle(
                                                        color: AppColors.secondaryText,
                                                        fontWeight: FontWeight.w400,
                                                        fontSize: 22,
                                                        height: 1.2,
                                                      ),
                                                    ),
                                                  ),
                                                  Spacer(),
                                                  Align(
                                                    alignment: Alignment.topLeft,
                                                    child: Container(
                                                      width: 113,
                                                      height: 41,
                                                      margin: EdgeInsets.only(top: 7),
                                                      child: Stack(
                                                        alignment: Alignment.centerLeft,
                                                        children: [
                                                          Positioned(
                                                            left: 0,
                                                            child: Container(
                                                              width: 4,
                                                              height: 41,
                                                              decoration: BoxDecoration(
                                                                color: AppColors.primaryElement,
                                                              ),
                                                              child: Container(),
                                                            ),
                                                          ),
                                                          Positioned(
                                                            left: 0,
                                                            right: 0,
                                                            child: Container(
                                                              height: 2,
                                                              decoration: BoxDecoration(
                                                                color: AppColors.primaryElement,
                                                              ),
                                                              child: Container(),
                                                            ),
                                                          ),
                                                        ],
                                                      ),
                                                    ),
                                                  ),
                                                ],
                                              ),
                                            ),
                                            Spacer(),
                                            Container(
                                              height: 27,
                                              margin: EdgeInsets.only(left: 181, right: 66, bottom: 40),
                                              child: Row(
                                                crossAxisAlignment: CrossAxisAlignment.stretch,
                                                children: [
                                                  Align(
                                                    alignment: Alignment.bottomLeft,
                                                    child: Text(
                                                      "BLABLA",
                                                      textAlign: TextAlign.right,
                                                      style: TextStyle(
                                                        color: AppColors.secondaryText,
                                                        fontWeight: FontWeight.w400,
                                                        fontSize: 22,
                                                      ),
                                                    ),
                                                  ),
                                                  Spacer(),
                                                  Align(
                                                    alignment: Alignment.bottomLeft,
                                                    child: Container(
                                                      width: 113,
                                                      height: 17,
                                                      margin: EdgeInsets.only(bottom: 4),
                                                      child: Stack(
                                                        alignment: Alignment.centerLeft,
                                                        children: [
                                                          Positioned(
                                                            left: 0,
                                                            child: Container(
                                                              width: 4,
                                                              height: 17,
                                                              decoration: BoxDecoration(
                                                                color: AppColors.primaryElement,
                                                              ),
                                                              child: Container(),
                                                            ),
                                                          ),
                                                          Positioned(
                                                            left: 0,
                                                            right: 0,
                                                            child: Container(
                                                              height: 2,
                                                              decoration: BoxDecoration(
                                                                color: AppColors.primaryElement,
                                                              ),
                                                              child: Container(),
                                                            ),
                                                          ),
                                                        ],
                                                      ),
                                                    ),
                                                  ),
                                                ],
                                              ),
                                            ),
                                            Container(
                                              height: 27,
                                              margin: EdgeInsets.only(left: 51, right: 95),
                                              child: Row(
                                                crossAxisAlignment: CrossAxisAlignment.stretch,
                                                children: [
                                                  Align(
                                                    alignment: Alignment.bottomLeft,
                                                    child: Text(
                                                      "BLABLA",
                                                      textAlign: TextAlign.right,
                                                      style: TextStyle(
                                                        color: AppColors.secondaryText,
                                                        fontWeight: FontWeight.w400,
                                                        fontSize: 22,
                                                      ),
                                                    ),
                                                  ),
                                                  Spacer(),
                                                  Align(
                                                    alignment: Alignment.bottomLeft,
                                                    child: Container(
                                                      width: 113,
                                                      height: 17,
                                                      margin: EdgeInsets.only(bottom: 5),
                                                      child: Stack(
                                                        alignment: Alignment.centerLeft,
                                                        children: [
                                                          Positioned(
                                                            left: 0,
                                                            child: Container(
                                                              width: 4,
                                                              height: 17,
                                                              decoration: BoxDecoration(
                                                                color: AppColors.primaryElement,
                                                              ),
                                                              child: Container(),
                                                            ),
                                                          ),
                                                          Positioned(
                                                            left: 0,
                                                            right: 0,
                                                            child: Container(
                                                              height: 2,
                                                              decoration: BoxDecoration(
                                                                color: AppColors.primaryElement,
                                                              ),
                                                              child: Container(),
                                                            ),
                                                          ),
                                                        ],
                                                      ),
                                                    ),
                                                  ),
                                                ],
                                              ),
                                            ),
                                          ],
                                        ),
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                              Positioned(
                                left: 0,
                                top: 119,
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.stretch,
                                  children: [
                                    Align(
                                      alignment: Alignment.topLeft,
                                      child: Text(
                                        "BLABLABLA BLABLA",
                                        textAlign: TextAlign.left,
                                        style: TextStyle(
                                          color: AppColors.primaryText,
                                          fontWeight: FontWeight.w400,
                                          fontSize: 33,
                                        ),
                                      ),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(top: 11),
                                      child: Text(
                                        "BLABLA LBALB LAL LALAA LALA LALALA LAL LALAALALALAL.\n",
                                        textAlign: TextAlign.left,
                                        style: TextStyle(
                                          color: AppColors.primaryText,
                                          fontWeight: FontWeight.w400,
                                          fontSize: 20,
                                          height: 1.2,
                                        ),
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                              Positioned(
                                right: 0,
                                child: Stack(
                                  alignment: Alignment.centerLeft,
                                  children: [
                                    Positioned(
                                      left: 0,
                                      right: 0,
                                      child: Stack(
                                        alignment: Alignment.center,
                                        children: [
                                          Positioned(
                                            left: 2,
                                            right: 0,
                                            child: Image.asset(
                                              "assets/images/rectangle-1719.png",
                                              fit: BoxFit.cover,
                                            ),
                                          ),
                                          Positioned(
                                            left: 0,
                                            right: 0,
                                            child: Opacity(
                                              opacity: 0.1,
                                              child: Container(
                                                height: 761,
                                                decoration: BoxDecoration(
                                                  color: AppColors.primaryBackground,
                                                ),
                                                child: Container(),
                                              ),
                                            ),
                                          ),
                                        ],
                                      ),
                                    ),
                                    Positioned(
                                      left: 13,
                                      child: Image.asset(
                                        "assets/images/trac-779.png",
                                        fit: BoxFit.cover,
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                              Positioned(
                                top: 46,
                                right: 177,
                                bottom: 58,
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.stretch,
                                  children: [
                                    Align(
                                      alignment: Alignment.topRight,
                                      child: Container(
                                        width: 283,
                                        height: 81,
                                        margin: EdgeInsets.only(right: 15),
                                        child: Row(
                                          mainAxisAlignment: MainAxisAlignment.end,
                                          crossAxisAlignment: CrossAxisAlignment.stretch,
                                          children: [
                                            Align(
                                              alignment: Alignment.topLeft,
                                              child: Container(
                                                width: 48,
                                                height: 41,
                                                margin: EdgeInsets.only(top: 9, right: 12),
                                                child: Stack(
                                                  alignment: Alignment.centerRight,
                                                  children: [
                                                    Positioned(
                                                      right: 0,
                                                      child: Container(
                                                        width: 4,
                                                        height: 41,
                                                        decoration: BoxDecoration(
                                                          color: AppColors.secondaryElement,
                                                        ),
                                                        child: Container(),
                                                      ),
                                                    ),
                                                    Positioned(
                                                      left: 0,
                                                      right: 0,
                                                      child: Container(
                                                        height: 2,
                                                        decoration: BoxDecoration(
                                                          color: AppColors.secondaryElement,
                                                        ),
                                                        child: Container(),
                                                      ),
                                                    ),
                                                  ],
                                                ),
                                              ),
                                            ),
                                            Align(
                                              alignment: Alignment.topLeft,
                                              child: Text(
                                                "BLABLABLABL BLABLALBALB ABLALBL\n",
                                                textAlign: TextAlign.left,
                                                style: TextStyle(
                                                  color: AppColors.accentText,
                                                  fontWeight: FontWeight.w400,
                                                  fontSize: 22,
                                                  height: 1.2,
                                                ),
                                              ),
                                            ),
                                          ],
                                        ),
                                      ),
                                    ),
                                    Spacer(),
                                    Align(
                                      alignment: Alignment.topRight,
                                      child: Container(
                                        width: 202,
                                        height: 38,
                                        child: Image.asset(
                                          "assets/images/groupe-4400.png",
                                          fit: BoxFit.none,
                                        ),
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                              Positioned(
                                top: 153,
                                right: 199,
                                child: FlatButton(
                                  onPressed: () => this.onGroupe4434Pressed(context),
                                  color: Color.fromARGB(0, 0, 0, 0),
                                  shape: RoundedRectangleBorder(
                                    borderRadius: BorderRadius.all(Radius.circular(0)),
                                  ),
                                  textColor: Color.fromARGB(255, 0, 0, 0),
                                  padding: EdgeInsets.all(0),
                                  child: Text(
                                    "",
                                    textAlign: TextAlign.left,
                                    style: TextStyle(
                                      color: Color.fromARGB(255, 0, 0, 0),
                                      fontWeight: FontWeight.w400,
                                      fontSize: 12,
                                    ),
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                        Positioned(
                          left: 22,
                          top: 301,
                          bottom: 96,
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.stretch,
                            children: [
                              Align(
                                alignment: Alignment.topLeft,
                                child: Container(
                                  width: 401,
                                  height: 179,
                                  child: Column(
                                    crossAxisAlignment: CrossAxisAlignment.stretch,
                                    children: [
                                      Align(
                                        alignment: Alignment.topLeft,
                                        child: Container(
                                          width: 267,
                                          height: 58,
                                          child: Row(
                                            crossAxisAlignment: CrossAxisAlignment.stretch,
                                            children: [
                                              Align(
                                                alignment: Alignment.topLeft,
                                                child: Container(
                                                  width: 41,
                                                  height: 41,
                                                  margin: EdgeInsets.only(top: 17),
                                                  child: Stack(
                                                    alignment: Alignment.center,
                                                    children: [
                                                      Positioned(
                                                        left: 0,
                                                        right: 0,
                                                        child: Image.asset(
                                                          "assets/images/trac-795.png",
                                                          fit: BoxFit.none,
                                                        ),
                                                      ),
                                                      Positioned(
                                                        left: 12,
                                                        right: 12,
                                                        child: Image.asset(
                                                          "assets/images/groupe-4417.png",
                                                          fit: BoxFit.none,
                                                        ),
                                                      ),
                                                    ],
                                                  ),
                                                ),
                                              ),
                                              Align(
                                                alignment: Alignment.topLeft,
                                                child: Container(
                                                  width: 206,
                                                  height: 56,
                                                  margin: EdgeInsets.only(left: 20),
                                                  child: Stack(
                                                    alignment: Alignment.centerRight,
                                                    children: [
                                                      Positioned(
                                                        left: 0,
                                                        right: 19,
                                                        child: Text(
                                                          "Blabla bla",
                                                          textAlign: TextAlign.left,
                                                          style: TextStyle(
                                                            color: AppColors.primaryText,
                                                            fontWeight: FontWeight.w400,
                                                            fontSize: 47.88302,
                                                          ),
                                                        ),
                                                      ),
                                                      Positioned(
                                                        top: 27,
                                                        right: 0,
                                                        child: Text(
                                                          "Blabla",
                                                          textAlign: TextAlign.left,
                                                          style: TextStyle(
                                                            color: AppColors.primaryText,
                                                            fontWeight: FontWeight.w400,
                                                            fontSize: 20,
                                                          ),
                                                        ),
                                                      ),
                                                    ],
                                                  ),
                                                ),
                                              ),
                                            ],
                                          ),
                                        ),
                                      ),
                                      Container(
                                        height: 111,
                                        margin: EdgeInsets.only(top: 10),
                                        child: Row(
                                          crossAxisAlignment: CrossAxisAlignment.stretch,
                                          children: [
                                            Align(
                                              alignment: Alignment.topLeft,
                                              child: Container(
                                                width: 192,
                                                height: 111,
                                                child: Stack(
                                                  alignment: Alignment.center,
                                                  children: [
                                                    Positioned(
                                                      left: 17,
                                                      top: 5,
                                                      right: 17,
                                                      child: Column(
                                                        crossAxisAlignment: CrossAxisAlignment.stretch,
                                                        children: [
                                                          Align(
                                                            alignment: Alignment.topCenter,
                                                            child: Text(
                                                              "-32%",
                                                              textAlign: TextAlign.center,
                                                              style: TextStyle(
                                                                color: AppColors.secondaryText,
                                                                fontWeight: FontWeight.w400,
                                                                fontSize: 40,
                                                              ),
                                                            ),
                                                          ),
                                                          Container(
                                                            margin: EdgeInsets.only(top: 7),
                                                            child: Text(
                                                              "blablal blabla\nblablabla",
                                                              textAlign: TextAlign.center,
                                                              style: TextStyle(
                                                                color: AppColors.primaryText,
                                                                fontWeight: FontWeight.w400,
                                                                fontSize: 15,
                                                                height: 1.26667,
                                                              ),
                                                            ),
                                                          ),
                                                        ],
                                                      ),
                                                    ),
                                                    Positioned(
                                                      left: 0,
                                                      right: 0,
                                                      child: Row(
                                                        children: [
                                                          Container(
                                                            width: 18,
                                                            height: 111,
                                                            child: Image.asset(
                                                              "assets/images/groupe-4407.png",
                                                              fit: BoxFit.none,
                                                            ),
                                                          ),
                                                          Spacer(),
                                                          Container(
                                                            width: 18,
                                                            height: 111,
                                                            child: Image.asset(
                                                              "assets/images/groupe-4406.png",
                                                              fit: BoxFit.none,
                                                            ),
                                                          ),
                                                        ],
                                                      ),
                                                    ),
                                                  ],
                                                ),
                                              ),
                                            ),
                                            Spacer(),
                                            Align(
                                              alignment: Alignment.topLeft,
                                              child: Container(
                                                width: 192,
                                                height: 111,
                                                child: Stack(
                                                  alignment: Alignment.center,
                                                  children: [
                                                    Positioned(
                                                      left: 16,
                                                      top: 5,
                                                      right: 17,
                                                      child: Column(
                                                        crossAxisAlignment: CrossAxisAlignment.stretch,
                                                        children: [
                                                          Align(
                                                            alignment: Alignment.topCenter,
                                                            child: Text(
                                                              "-17%",
                                                              textAlign: TextAlign.center,
                                                              style: TextStyle(
                                                                color: AppColors.secondaryText,
                                                                fontWeight: FontWeight.w400,
                                                                fontSize: 40,
                                                              ),
                                                            ),
                                                          ),
                                                          Container(
                                                            margin: EdgeInsets.only(top: 7),
                                                            child: Text(
                                                              "blablalbla\nblablalbla",
                                                              textAlign: TextAlign.center,
                                                              style: TextStyle(
                                                                color: AppColors.primaryText,
                                                                fontWeight: FontWeight.w400,
                                                                fontSize: 15,
                                                                height: 1.26667,
                                                              ),
                                                            ),
                                                          ),
                                                        ],
                                                      ),
                                                    ),
                                                    Positioned(
                                                      left: 0,
                                                      right: 0,
                                                      child: Row(
                                                        children: [
                                                          Container(
                                                            width: 18,
                                                            height: 111,
                                                            child: Image.asset(
                                                              "assets/images/groupe-4412.png",
                                                              fit: BoxFit.none,
                                                            ),
                                                          ),
                                                          Spacer(),
                                                          Container(
                                                            width: 18,
                                                            height: 111,
                                                            child: Image.asset(
                                                              "assets/images/groupe-4411.png",
                                                              fit: BoxFit.none,
                                                            ),
                                                          ),
                                                        ],
                                                      ),
                                                    ),
                                                  ],
                                                ),
                                              ),
                                            ),
                                          ],
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                              Align(
                                alignment: Alignment.topLeft,
                                child: Container(
                                  width: 236,
                                  height: 56,
                                  margin: EdgeInsets.only(left: 58, top: 20),
                                  child: Stack(
                                    alignment: Alignment.center,
                                    children: [
                                      Positioned(
                                        left: 0,
                                        top: 0,
                                        child: Text(
                                          "Lorem ipsum",
                                          textAlign: TextAlign.left,
                                          style: TextStyle(
                                            color: AppColors.primaryText,
                                            fontWeight: FontWeight.w400,
                                            fontSize: 47.88302,
                                          ),
                                        ),
                                      ),
                                      Positioned(
                                        left: 101,
                                        top: 28,
                                        child: Text(
                                          "blabla",
                                          textAlign: TextAlign.left,
                                          style: TextStyle(
                                            color: AppColors.primaryText,
                                            fontWeight: FontWeight.w400,
                                            fontSize: 20,
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                              Spacer(),
                              Align(
                                alignment: Alignment.topLeft,
                                child: Container(
                                  width: 294,
                                  height: 96,
                                  child: Row(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: [
                                      Container(
                                        width: 1,
                                        height: 78,
                                        margin: EdgeInsets.only(top: 1),
                                        child: Image.asset(
                                          "assets/images/groupe-4402.png",
                                          fit: BoxFit.none,
                                        ),
                                      ),
                                      Expanded(
                                        flex: 1,
                                        child: Align(
                                          alignment: Alignment.centerLeft,
                                          child: Container(
                                            margin: EdgeInsets.only(left: 16),
                                            child: Text(
                                              "blabla blablablablabla blablabla LALALA LAL AL ALA L AL A\n",
                                              textAlign: TextAlign.left,
                                              style: TextStyle(
                                                color: AppColors.primaryText,
                                                fontWeight: FontWeight.w400,
                                                fontSize: 15,
                                                height: 1.26667,
                                              ),
                                            ),
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ],
                    ),
                  ),
                  Positioned(
                    left: 0,
                    top: 39,
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.stretch,
                      children: [
                        Align(
                          alignment: Alignment.topLeft,
                          child: Container(
                            width: 219,
                            height: 76,
                            child: Stack(
                              alignment: Alignment.center,
                              children: [
                                Positioned(
                                  left: 0,
                                  top: 0,
                                  child: Container(
                                    width: 219,
                                    height: 45,
                                    decoration: BoxDecoration(
                                      color: AppColors.primaryElement,
                                    ),
                                    child: Container(),
                                  ),
                                ),
                                Positioned(
                                  left: 16,
                                  top: 3,
                                  child: Text(
                                    "# FLASH INFO\n",
                                    textAlign: TextAlign.left,
                                    style: TextStyle(
                                      color: AppColors.accentText,
                                      fontWeight: FontWeight.w400,
                                      fontSize: 30,
                                      height: 1.2,
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                        Align(
                          alignment: Alignment.topLeft,
                          child: Container(
                            width: 184,
                            height: 170,
                            margin: EdgeInsets.only(left: 14, top: 8),
                            child: Image.asset(
                              "assets/images/rectangle-1725.png",
                              fit: BoxFit.none,
                            ),
                          ),
                        ),
                        Align(
                          alignment: Alignment.topLeft,
                          child: Container(
                            width: 41,
                            height: 41,
                            margin: EdgeInsets.only(left: 27, top: 227),
                            decoration: BoxDecoration(
                              color: Color.fromARGB(255, 63, 62, 66),
                              borderRadius: BorderRadius.all(Radius.circular(20)),
                            ),
                            child: Column(
                              mainAxisAlignment: MainAxisAlignment.center,
                              crossAxisAlignment: CrossAxisAlignment.stretch,
                              children: [
                                Container(
                                  height: 25,
                                  margin: EdgeInsets.only(left: 12, right: 11),
                                  child: Image.asset(
                                    "assets/images/groupe-4420.png",
                                    fit: BoxFit.none,
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
            Positioned(
              left: -1,
              top: -603,
              right: -1,
              child: Stack(
                alignment: Alignment.centerLeft,
                children: [
                  Positioned(
                    left: 19,
                    right: 20,
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.stretch,
                      children: [
                        Align(
                          alignment: Alignment.centerLeft,
                          child: Container(
                            width: 41,
                            height: 41,
                            child: Image.asset(
                              "assets/images/rondelleboutonaction-2.png",
                              fit: BoxFit.none,
                            ),
                          ),
                        ),
                        Align(
                          alignment: Alignment.centerLeft,
                          child: Container(
                            width: 41,
                            height: 41,
                            margin: EdgeInsets.only(left: 18),
                            child: Image.asset(
                              "assets/images/rondelleboutonaction-2.png",
                              fit: BoxFit.none,
                            ),
                          ),
                        ),
                        Align(
                          alignment: Alignment.centerLeft,
                          child: Container(
                            width: 41,
                            height: 41,
                            margin: EdgeInsets.only(left: 18),
                            child: Stack(
                              alignment: Alignment.center,
                              children: [
                                Positioned(
                                  left: 0,
                                  right: 0,
                                  child: Image.asset(
                                    "assets/images/rondelleboutonaction-2.png",
                                    fit: BoxFit.none,
                                  ),
                                ),
                                Positioned(
                                  left: 12,
                                  right: 12,
                                  child: Image.asset(
                                    "assets/images/groupe-4423.png",
                                    fit: BoxFit.none,
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                        Align(
                          alignment: Alignment.centerLeft,
                          child: Container(
                            width: 76,
                            height: 1281,
                            decoration: BoxDecoration(
                              color: AppColors.secondaryBackground,
                            ),
                            child: Container(),
                          ),
                        ),
                        Spacer(),
                        Align(
                          alignment: Alignment.centerLeft,
                          child: Container(
                            width: 41,
                            height: 41,
                            child: Stack(
                              alignment: Alignment.center,
                              children: [
                                Positioned(
                                  left: 0,
                                  right: 0,
                                  child: Image.asset(
                                    "assets/images/rondelleboutonaction-2.png",
                                    fit: BoxFit.none,
                                  ),
                                ),
                                Positioned(
                                  left: 12,
                                  right: 12,
                                  child: Image.asset(
                                    "assets/images/groupe-4421.png",
                                    fit: BoxFit.none,
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                  Positioned(
                    left: 30,
                    child: Image.asset(
                      "assets/images/groupe-4422.png",
                      fit: BoxFit.none,
                    ),
                  ),
                  Positioned(
                    left: 88,
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.stretch,
                      children: [
                        Align(
                          alignment: Alignment.centerLeft,
                          child: Container(
                            width: 20,
                            height: 19,
                            child: Image.asset(
                              "assets/images/groupe-4424.png",
                              fit: BoxFit.none,
                            ),
                          ),
                        ),
                        Align(
                          alignment: Alignment.centerLeft,
                          child: Container(
                            width: 169,
                            height: 32,
                            child: Image.asset(
                              "assets/images/groupe-4425.png",
                              fit: BoxFit.none,
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                  Positioned(
                    left: 0,
                    top: 662,
                    right: 0,
                    child: Stack(
                      alignment: Alignment.center,
                      children: [
                        Positioned(
                          left: 0,
                          top: 15,
                          right: 0,
                          child: Container(
                            height: 2,
                            decoration: BoxDecoration(
                              color: AppColors.accentElement,
                            ),
                            child: Container(),
                          ),
                        ),
                        Positioned(
                          top: 0,
                          child: Row(
                            children: [
                              Container(
                                width: 41,
                                height: 31,
                                child: Image.asset(
                                  "assets/images/groupe-4426.png",
                                  fit: BoxFit.none,
                                ),
                              ),
                              Container(
                                width: 159,
                                height: 31,
                                margin: EdgeInsets.only(left: 13),
                                decoration: BoxDecoration(
                                  color: AppColors.secondaryElement,
                                  border: Border.fromBorderSide(Borders.primaryBorder),
                                  borderRadius: Radii.k10pxRadius,
                                ),
                                child: Container(),
                              ),
                              Spacer(),
                              Container(
                                width: 71,
                                height: 31,
                                decoration: BoxDecoration(
                                  color: AppColors.secondaryElement,
                                  border: Border.fromBorderSide(Borders.primaryBorder),
                                  borderRadius: Radii.k10pxRadius,
                                ),
                                child: Container(),
                              ),
                            ],
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Empty flutter code at exportation

Hello,

I tried to export my design (two simple pages) to flutter using supernova cloud :

My figma :

Figma imported in Super Nova :

Flutter plugin in Super Nova :

Build with Super Nova flutter plugin

Content of the build :

When inspectig flutter output directly on supernova :

Didn't understand why it's empty... Didn't this components files...

Can you help me please <3 ?

Line Height Investigation

Upon trying out the new exporter this morning after the Line Height changes came in, I noticed some seriously inflated height properties. I investigated the text_styles.pr code and found the correct calculation under the condition if typographyToken.value.lineHeight.unit == "Pixels" but the lineHeight value that is being used is incorrect.

In the image below we have selected the Typography of M3/Headline/LG/bold which shows as 60px under the Typography Section with a 48px font size.

Then if we review the Code section and select the Table view (which is shown in the screenshot) we see two Line Heights, a 60px and a 125%.

It seems when Supernova parses this it selects the Pixels unit but uses the 125% value instead which causes the calculation to be 125/48=2.604... instead of the correct calculation of 60/48=1.25.

Not sure how we can remedy this to use the proper value and if this is an issue with Figma or Supernova. Happy to provide more information and schedule a technical call if needed.

Exported TextStyle for selected Typography in the image below:

  static const m3HeadlineLgBold = TextStyle(
    fontFamily: "Industry",
    fontWeight: FontWeight.w700,
    fontStyle: FontStyle.normal,
    fontSize: 48,
    decoration: TextDecoration.none,
    letterSpacing: -0.96,
    height: 2.6041666666666665,
    leadingDistribution: TextLeadingDistribution.even,
  );

unable export screens

unable export screens: as it is there in the legacy supernova studio to export screens from xd ot sketch
can anyone please send some link to it if it is there

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.