The purpose of this page is to document mistakes designers commonly make when converting their designs into Flutter.
Why are elements not aligned correctly?
Possible causes
- If elements are not aligned correctly, it is likely that the constraints are incorrect for the screen or component inside Figma.
- Another possible cause for elements not aligning correctly is that there could be an element inside the frame that is overflowing horizontally on the screen.
Solution
- Check for proper constraints and appropriate auto-layout settings.
Why am I getting a file with no Stateful or Stateless widget?
Possible causes
If parabeac generates a file that contains nothing but a widget, this is likely because the user put an image or figma element on the top-level of the page that is not a Frame or Component
Example
Take the page below as an example, particularly the element titled AdobeStock
