Skip to content

ahiho/react-native-attributed-text

Repository files navigation

@ahiho/react-native-attributed-text

It's easy to style the nested text in React Native.

Ahiho Attributed Text

Installation

# Yarn
yarn add @ahiho/react-native-attributed-text
# NPM
npm install @ahiho/react-native-attributed-text

Usage

import AttributedText from "@ahiho/react-native-attributed-text";

// ...

<AttributedText
  style={{
    textAlign: 'center',
  }}
  annotationProps={{
    link: {
      style: {
        fontWeight: 'bold',
        color: 'orange',
      },
      onPress: () => {
        console.log('Welcome to Ahiho! Visit https://ahiho.com')
      },
    },
  }}
>
  Welcome to [[link]:[Ahiho!]]
</AttributedText>

Let's check the example for more advance used with i18n translation.

Contributing

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

License

MIT