Custom Text with cool heading & font family interaction for React Native.
Installation
Add the dependency:
npm i @freakycoder/react-native-custom-textPeer Dependencies
IMPORTANT! You need install them.
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
Basic Usage
import Text from "@freakycoder/react-native-custom-text";
<Text h1 fontFamily="AvenirNext">Hello Heading 1</Text>Advanced Usage
import Text from "@freakycoder/react-native-custom-text";
<Text h3 bold right color="#913400" numberOfLines={1} style={{ margin: 16}}>
Heading 3 Bold Right Sided Custom Text
</Text>Configuration - Props
| Property | Type | Default | Description |
|---|---|---|---|
| h1 | boolean | false | heading 1 prop |
| h2 | boolean | false | heading 2 prop |
| h3 | boolean | false | heading 3 prop |
| h4 | boolean | false | heading 4 prop |
| h5 | boolean | false | heading 5 prop |
| h6 | boolean | false | heading 7 prop |
| left | boolean | false | make the text left sided |
| center | boolean | false | make the text centered |
| right | boolean | false | make the text right sided |
| bold | boolean | false | make the text style bold (Compatible with Font Family) |
| color | color | "#fff" | change the text's color |
| fontFamily | FontFamily | default | set your own FontFamily directly to the Text component as a prop |
Any Text props are available like 'numberOfLines' or any other. There is no restriction.
ToDos
- [x] LICENSE
- [ ] Write an article about the lib on Medium
Author
FreakyCoder, kurayogun@gmail.com
License
React Native Custom Text Library is available under the MIT license. See the LICENSE file for more info.