React-native-text-plus NPM

react-native-text-plus 中文

A React Native component for text with gradient and text style attributes.

Installation

npm

npm install react-native-text-plus

yarn

yarn add react-native-text-plus

Usage

import { Text, TextContextProvider } from 'react-native-text-plus';

// ...

<TextContextProvider value={{
  fontSize: 14,
  fontFamily: '...',
  ... // same as Text style
}}>
  <View>
    <Text
      // text attributes
      fontWeight="bold"
      // ... as Text style and Text props
      style={{
        // only work for Text
      }}
      // text attributes end

      // gradient attributes
      colors={['#000', '#fff']} // for gradient
      start={{ x: 0, y: 0 }}
      //...  gradient attributes only work with colors, same as LinearGradient props
      // end
      // locations
      // useAngle
      // angleCenter
      // angle
      // gradient attributes end
    >Hello, World!</Text>
  </View>
</TextContextProvider>

// ...

Dependencies

"@react-native-masked-view/masked-view": "^0.3.0",
"react-native-linear-gradient": "^2.8.0"
// if you need lower version dependencies, please PR or issue