View
Analog of View component at React Native, React Sketchapp.
The most fundamental component for building a UI.
Component renders Figma group node if it has children, rectangle node otherwise.
Props
| Prop | Type | Default | Note |
|---|---|---|---|
name | String | The name to be displayed in the Figma Layers List | |
children | Node | ||
style | Style | Supports can be different depends on children | |
onSelectionEnter | Function | Selection enter event callback | |
onSelectionLeave | Function | Selection leave event callback | |
onLayout | Function | Event is fired once the layout has been calculated | |
onNodeId | Fuction | Getting Figma Node ID callback |
Also, supports fields of FrameNode as props if has children, supports fields of RectangleNode as props if has no children.
Examples
<View style={{width: 200, height: 100, backgroundColor: "red"}} />
will be displayed as rectangle.
<View>
<Text>Hello world!</Text>
</View>
will be displayed as group with nested text node.