Any solid color and shape will be recognised.
This tool currently does not support gradients because their translation into React-Native is not simple and requires the use of an external package. One of the gradient colors will be used as a solid background instead.
Background elements should be named
background. Additionally, the name should not contain other words such as
background 1 or
However, the case of letters does not affect the recognition of component names; both
background are correct and translated into code correctly.
All elements and UI components should be ordered above the background element within a group. This is common sense as any elements below the background simply won't be visible even in the sketches.