You can design screens in a few different ways if you are building with You.i React Native:
If you are using After Effects (or the hybrid approach), take the following into consideration:
As per the You.i RN implementation, any
<*Ref> JSX declaration must be wrapped in a
<Composition> must be different from the compositions/layers referenced in its
Accordingly, any composition with a class that has a corresponding
<*Ref> tag must be pre-composed to match this structure and allow for the declaration of that tag.
For example, a composition with a class of
PushButtonView must be pre-composed so that the developer can adhere to the required structure:
<Composition> <ButtonRef/> </Composition>
All layout and some functionality set on a composition in After Effects is discarded when the list is referenced in code. The discarded layout and functionality must be implemented by a developer through conditional rendering of styles or the use of empty compositions to achieve the desired layout offset.
In/Out timelines no longer automatically play when a composition is loaded/unloaded, and must instead be triggered in code.
“No Scale” anchors are currently unsupported.
Refer to You.i Engine One React Native Ref Components for more information on classes and refs that are available.
Asset location for tablet and handset in the macOS build is currently unsupported.