View2DProps
interface
View2DProps
extends
RectProps
Properties
alignContent
Inherited from
RectProps.alignContent
alignItems
Inherited from
RectProps.alignItems
alignSelf
Inherited from
RectProps.alignSelf
antialiased
antialiased
?:
SignalValue
boolean
RectProps.antialiased
assetHash
assetHash
:
string
basis
Inherited from
RectProps.basis
bottom
bottom
?:
SignalValue
PossibleVector2
number
The position of the bottom edge of this node.
This shortcut property will set the node's position so that the bottom edgeends up in the given place.If present, overrides the
position
property.
RectProps.bottom
bottomLeft
bottomLeft
?:
SignalValue
PossibleVector2
number
The position of the bottom left corner of this node.
This shortcut property will set the node's position so that the bottom leftcorner ends up in the given place.If present, overrides the
position
property.
RectProps.bottomLeft
bottomRight
bottomRight
?:
SignalValue
PossibleVector2
number
The position of the bottom right corner of this node.
This shortcut property will set the node's position so that the bottomright corner ends up in the given place.If present, overrides the
position
property.
RectProps.bottomRight
cache
cache
?:
SignalValue
boolean
RectProps.cache
children
Inherited from
RectProps.children
clip
clip
?:
SignalValue
boolean
RectProps.clip
columnGap
Inherited from
RectProps.columnGap
composite
composite
?:
SignalValue
boolean
RectProps.composite
compositeOperation
compositeOperation
?:
SignalValue
GlobalCompositeOperation
RectProps.compositeOperation
cornerSharpness
cornerSharpness
?:
SignalValue
number
Controls the sharpness of the corners.
smoothCorners
mustbe set to
true
.
By default the
cornerSharpness
is set to
0.6
which represents smooth,circle-like rounding. At
0
the edges are squared off.
RectProps.cornerSharpness
direction
Inherited from
RectProps.direction
fill
Inherited from
RectProps.fill
filters
filters
?:
SignalValue
Filter
[]
RectProps.filters
fontFamily
fontFamily
?:
SignalValue
string
RectProps.fontFamily
fontSize
fontSize
?:
SignalValue
number
RectProps.fontSize
fontStyle
fontStyle
?:
SignalValue
string
RectProps.fontStyle
fontWeight
fontWeight
?:
SignalValue
number
RectProps.fontWeight
gap
gap
?:
SignalValue
Length
RectProps.gap
grow
grow
?:
SignalValue
number
RectProps.grow
height
Inherited from
RectProps.height
justifyContent
Inherited from
RectProps.justifyContent
key
key
?:
string
RectProps.key
layout
layout
?:
LayoutMode
RectProps.layout
left
left
?:
SignalValue
PossibleVector2
number
The position of the left edge of this node.
This shortcut property will set the node's position so that the left edgeends up in the given place.If present, overrides the
position
property.
RectProps.left
letterSpacing
letterSpacing
?:
SignalValue
number
RectProps.letterSpacing
lineCap
lineCap
?:
SignalValue
CanvasLineCap
RectProps.lineCap
lineDash
lineDash
?:
SignalValue
number
[]
RectProps.lineDash
lineDashOffset
lineDashOffset
?:
SignalValue
number
RectProps.lineDashOffset
lineHeight
Inherited from
RectProps.lineHeight
lineJoin
lineJoin
?:
SignalValue
CanvasLineJoin
RectProps.lineJoin
lineWidth
lineWidth
?:
SignalValue
number
RectProps.lineWidth
margin
Inherited from
RectProps.margin
marginBottom
marginBottom
?:
SignalValue
number
RectProps.marginBottom
marginLeft
marginLeft
?:
SignalValue
number
RectProps.marginLeft
marginRight
marginRight
?:
SignalValue
number
RectProps.marginRight
marginTop
marginTop
?:
SignalValue
number
RectProps.marginTop
maxHeight
Inherited from
RectProps.maxHeight
maxWidth
Inherited from
RectProps.maxWidth
minHeight
Inherited from
RectProps.minHeight
minWidth
Inherited from
RectProps.minWidth
offset
offset
?:
SignalValue
PossibleVector2
number
RectProps.offset
offsetX
offsetX
?:
SignalValue
number
RectProps.offsetX
offsetY
offsetY
?:
SignalValue
number
RectProps.offsetY
opacity
opacity
?:
SignalValue
number
RectProps.opacity
padding
Inherited from
RectProps.padding
paddingBottom
paddingBottom
?:
SignalValue
number
RectProps.paddingBottom
paddingLeft
paddingLeft
?:
SignalValue
number
RectProps.paddingLeft
paddingRight
paddingRight
?:
SignalValue
number
RectProps.paddingRight
paddingTop
paddingTop
?:
SignalValue
number
RectProps.paddingTop
position
position
?:
SignalValue
PossibleVector2
number
RectProps.position
radius
Inherited from
RectProps.radius
ratio
ratio
?:
SignalValue
number
RectProps.ratio
ref
ref
?:
ReferenceReceiver
any
RectProps.ref
right
right
?:
SignalValue
PossibleVector2
number
The position of the right edge of this node.
This shortcut property will set the node's position so that the right edgeends up in the given place.If present, overrides the
position
property.
RectProps.right
rotation
rotation
?:
SignalValue
number
RectProps.rotation
rowGap
Inherited from
RectProps.rowGap
scale
scale
?:
SignalValue
PossibleVector2
number
RectProps.scale
scaleX
scaleX
?:
SignalValue
number
RectProps.scaleX
scaleY
scaleY
?:
SignalValue
number
RectProps.scaleY
shadowBlur
shadowBlur
?:
SignalValue
number
RectProps.shadowBlur
shadowColor
Inherited from
RectProps.shadowColor
shadowOffset
shadowOffset
?:
SignalValue
PossibleVector2
number
RectProps.shadowOffset
shadowOffsetX
shadowOffsetX
?:
SignalValue
number
RectProps.shadowOffsetX
shadowOffsetY
shadowOffsetY
?:
SignalValue
number
RectProps.shadowOffsetY
shrink
shrink
?:
SignalValue
number
RectProps.shrink
size
Inherited from
RectProps.size
smoothCorners
smoothCorners
?:
SignalValue
boolean
Will set the corner drawing method to smooth corners.
Smooth corners are drawn continuously by a bezìer curves, rather than by aquarter circle.
When
smoothCorners
is set to
true
, the sharpness of the curve can becontrolled by the
cornerSharpness
.
RectProps.smoothCorners
spawner
spawner
?:
SignalValue
Node
[]
RectProps.spawner
stroke
Inherited from
RectProps.stroke
strokeFirst
strokeFirst
?:
SignalValue
boolean
RectProps.strokeFirst
tagName
tagName
?:
keyof
HTMLElementTagNameMap
RectProps.tagName
textAlign
textAlign
?:
SignalValue
CanvasTextAlign
RectProps.textAlign
textDirection
textDirection
?:
SignalValue
CanvasDirection
RectProps.textDirection
textWrap
Inherited from
RectProps.textWrap
top
top
?:
SignalValue
PossibleVector2
number
The position of the top edge of this node.
This shortcut property will set the node's position so that the top edgeends up in the given place.If present, overrides the
position
property.
RectProps.top
topLeft
topLeft
?:
SignalValue
PossibleVector2
number
The position of the top left corner of this node.
This shortcut property will set the node's position so that the top leftcorner ends up in the given place.If present, overrides the
position
property.
RectProps.topLeft
topRight
topRight
?:
SignalValue
PossibleVector2
number
The position of the top right corner of this node.
This shortcut property will set the node's position so that the top rightcorner ends up in the given place.If present, overrides the
position
property.
RectProps.topRight
width
Inherited from
RectProps.width
wrap
Inherited from
RectProps.wrap
x
x
?:
SignalValue
number
RectProps.x
y
y
?:
SignalValue
number
RectProps.y
zIndex
zIndex
?:
SignalValue
number
RectProps.zIndex