xd-to-flutter-plugin
xd-to-flutter-plugin copied to clipboard
AdobeXD
Items larger than the Artboard can cause issues
I had created an oval a the app bar in my app. Its width is larger than that of the screens width. When exporting, it does not get transformed in dart code.
The screenshot of the code generated is:
And I was able to correct it by changing transform values of x-axis to 0 And its screenshot is as follows:
Here is the screenshot of the app and of its design in Adobe Xd respectively:
The Artboard in Adobe XD is for iPhone XR/XS Max/11 and the simulator is also iPhone 11.
Please fix this as it makes much harder to change many values when there are multiple such ovals in application.
At a quick glance, I think this is related to issues with items that are larger than the screen size. This is related to some challenges in how Flutter handles these scenarios. We're still working to resolve this, and may wait for the layout changes related to #13 so we can take a more wholistic approach. Have you seen any issues with ovals that are not larger than the screen?
This is documented in our README "Known Issues", but we should put together a proper issue for it.
There is a little idea to solve this problem by me. For this you may add if condition in which it checks that if it is larger than that of screen size if it is then it would set that specific axis value to 0 and if not then it would add the specific value.