Exported component displaying as black screen
Issue #3
open
Exported component displays as a black screen, no design visible.
Comments (22)
-
-
repo owner
Hey you two!
Sorry for late response… summertime
Can you privide me with a sample File. I just checked it and it works.
Here a Code-Sample that has been generated…https://codesandbox.io/embed/nifty-oskar-lrjcn -
i convert it to react native and run it on emulator and it is blank, is there any solution? or example for react native
-
repo owner
what kind or error is thrown?
-
repo owner
please post the generated component code here, then I will fix it today
-
repo owner
BTW, I guess you added the needed dependency? “react-native-svg”
-
https://drive.google.com/open?id=1oSOzB6Fi51Fy1SjWSZQmhVoDc0vz1eKR
heres the componen, no error thrown -
repo owner
so I checked it, and there is an overlay of 3 Rects in your outputted file.
Can you provide me the xd file as well?
Wenn I remove the Rects, that overlay the rest, you see the rest
-
repo owner
check out lines 55-57 in the following image. where do they come from? hand over your xd file please
-
https://drive.google.com/open?id=1byUdUnUN3_VmpYzNMETH61UaoS8bbBNg heres the xd file, so i should delete all the rects and keep one?
-
repo owner
as you see, the first rect has the entire size of your viewBox
-
charts no 5 wires mobile
-
repo owner
ah, now I see what you are messing up.
This is not ment to export a complete Page as one Component for React… hahaha.You should export elements of your design as Components.
A whole page is not ment to be a component….
-
ahhhh perelement huh i thought it could export all the pages XD thanks alot for explaining it man sorry to bother you. anw great job
-
repo owner
just select all elements on the canvas, but not the canvas itself…
then you will get all components of the canvas
-
repo owner
what do you mean?
-
nvm your last pic explain alot :D
-
what should i check or uncheck for native? -
repo owner
I will update the package, to work witch entire canvas as well…
but this is not done in a minute, because adobe changed a lot in the upload policies…. damn
I will close this issue so far -
repo owner
- changed status to resolved
put aside, because this plugin is ment to export components, not complete application pages...
-
https://drive.google.com/open?id=1tlJmp2OtRXcRhA3c4FBQycQxExUgZnmw this is the component, i did what u told me but now the screen is all just white -
repo owner
- changed status to open
currently making a fixed version
- Log in to comment
i got the same issues