The platform embedding React Native (e.g., Android, iOS, macOS, Windows).
Tree representation of views in the host platform (e.g. Android, iOS). On Android, the host views are instances of
android.widget.TextView, etc. which are the building blocks of the host view tree. The size and location of each host view are based on
LayoutMetrics calculated with Yoga, and the style and content of each host view are based on information from the React Shadow Tree.
An API for to write Java native methods used to communicate between Fabric’s C++ core and Android, written in Java.
React Components with
render implementations that reduce to other React Composite Components or React Host Components.
React Components whose view implementation is provided by a host view (e.g.,
<View>, <Text> ). On the Web, ReactDOM's Host components would be components like
The Yoga Tree is used by Yoga to calculate layout information for a React Shadow Tree. Each React Shadow Node typically creates a Yoga Node because React Native employs Yoga to calculate layout. However, this is not a hard requirement. Fabric can also create React Shadow Nodes that do not use Yoga; the implementation of each React Shadow Node determines how to calculate layout.
© 2022 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.