Package Exports

react-native-animateable-text

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-animateable-text) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-animateable-text

A <Text/> component that supports an Animated Value as text!

Usage (Reanimated 2)

import AnimateableText from 'react-native-animateable-text';

const Example: React.FC = () => {
  const text = useSharedValue('World');

  const animatedText = useDerivedValue(() => `Hello ${text.value}`);
  const animatedProps = useAnimatedProps(() => {
    return {
      text: animatedText.value,
    };
  });

  return (
    <AnimateableText
      text={animatedText}
      // same other props as Text component
    />;
};

Installation

npm install react-native-animateable-text

Usage

import ReanimatedText from 'react-native-animateable-text';

// ...

const result = await ReanimatedText.multiply(3, 7);

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT