React Native Redash
AnimationsArraysColorsCoordinatesGesturesHooksMathReadmeRun AnimationsSVGStrings<ReText>string()TransformationsTransitionsVectors

Strings

<ReText>

This component is like <Text> but accepts a string animation node as property. Behind the scene, <ReText> is using <TextInput> with some default styling. Therefore there might be some slight inconsistencies with <Text>.

() => {
  const price = new Value(42);
  return (
    <ReText
      text={concat("$ ", price)}
      style={{ color: "black", fontVariant: ["tabular-nums"] }}
    />
  )
}

string()

const string: (strings: readonly string[], ...values: readonly (string | number | Animated.Node<number> | readonly (number | Animated.Node<number> | readonly (number | Animated.Node<number>)[])[] | Animated.Node<string> | readonly (string | Animated.Node<string> | readonly (string | Animated.Node<string>)[])[])[]) => Animated.Node<string>;

Tagged template for animated string values.

const { x, y } = { x: new Value(0), y: new Value(0) };
const d = string`M0,0 ${x},${y}`;
return <AnimatedPath {...{ d }} />;