react-native-text-plus 中文

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

Installation

npm

1npm install react-native-text-plus

yarn

1yarn add react-native-text-plus

Usage

1import { Text, TextContextProvider } from 'react-native-text-plus';
2
3// ...
4
5<TextContextProvider value={{
6  fontSize: 14,
7  fontFamily: '...',
8  ... // same as Text style
9}}>
10  <View>
11    <Text
12      // text attributes
13      fontWeight="bold"
14      // ... as Text style and Text props
15      style={{
16        // only work for Text
17      }}
18      // text attributes end
19
20      // gradient attributes
21      colors={['#000', '#fff']} // for gradient
22      start={{ x: 0, y: 0 }}
23      //...  gradient attributes only work with colors, same as LinearGradient props
24      // end
25      // locations
26      // useAngle
27      // angleCenter
28      // angle
29      // gradient attributes end
30    >Hello, World!</Text>
31  </View>
32</TextContextProvider>
33
34// ...
35

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

Contributing

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

License

MIT

---

Made with create-react-native-library