TextPathProps
Text laid along an SVG path: each glyph is placed at its own advance along the
curve and rotated to the tangent there. The path is the baseline, so there is
no x/y - and no wrapping, since the path is the line.
Extends
Properties
antiAlias?
optional antiAlias?: boolean;Inherited from
blendMode?
optional blendMode?: BlendMode;How this drawing composites onto what is already there. 'srcOver' by default.
Inherited from
children?
optional children?: ReactNode;Inherited from
color?
optional color?: Animated<Color>;Inherited from
fauxBold?
optional fauxBold?: boolean;Force the embolden/shear the face match only applies when nothing close enough exists.
Inherited from
fauxItalic?
optional fauxItalic?: boolean;Inherited from
fontFamily?
optional fontFamily?: string;A family registered with useFonts/loadFont, or one the platform knows.
Unregistered and unknown falls back to the platform's default text font.
Inherited from
fontSize?
optional fontSize?: Animated<number>;Inherited from
fontStyle?
optional fontStyle?: "normal" | "italic";Inherited from
fontWeight?
optional fontWeight?: FontWeight;Picks the nearest face in the family; synthesised when none is close.
Inherited from
letterSpacing?
optional letterSpacing?: number;Extra px between glyphs.
Inherited from
opacity?
optional opacity?: Animated<number>;Paint-wide alpha multiplier in [0, 1]; only one per chain can animate.
Inherited from
path
path: string;SVG path data, read once per commit, exactly as <Path> reads it.
ref?
optional ref?: NodeHandle;A handle from useNode(), for changing this node without a React render.
See NodeHandle.
Inherited from
startOffset?
optional startOffset?: number;Distance along the path where the first glyph starts.
strokeCap?
optional strokeCap?: "butt" | "round" | "square";Inherited from
strokeJoin?
optional strokeJoin?: "round" | "miter" | "bevel";Inherited from
strokeMiter?
optional strokeMiter?: Animated<number>;Past this length-over-width ratio a 'miter' join falls back to bevel. Defaults to 4.
Inherited from
strokeWidth?
optional strokeWidth?: Animated<number>;Inherited from
style?
optional style?: "fill" | "stroke";'fill' (default) or 'stroke'.
Inherited from
text?
optional text?: string;Optional only because <Span> children replace it, as in <Text>.
visible?
optional visible?: Animated<number | boolean>;Skip drawing (and hit-testing) this node. A value slot, so a handle or a SharedValue toggles it with no re-encode - the supported way to pool mounted nodes for particle systems and variable-count scenes.