0.2.0 • Published 4 years ago
rn-esteban-text v0.2.0
React Native Esteban Text
React Native primitive text component for theme creation.
installation
You only need 3 steps to get started
Step 1)
npm install rn-esteban-text
Step 2) On your root project folder create an assets folder like this
mkdir assets
Step 3) On created assets folder, now create a styles.js file and add this code, or overwrite your theme file
// This is your theme file
const style = {
/*
Font size section
*/
tinyText : 12,
smallText : 16,
bigText : 25,
gigantText : 30,
superGigantText : 40,
/*
Theme color section
*/
primaryColor: '#002E86',
primaryColorContrast : '#20F8F8',
negativeContrast : 'red',
disabledColorContrast : 'red',
disabledBgColor : 'grey'
}
export default style
Usage
import {Text} from 'rn-esteban-text'
const index() => {
return (<Text big white center>Hello world</Text>)
}
export default index
Size
Size props | Theme value |
---|---|
tiny | tinyText |
small | smallText |
big | bigText |
gigant | gigantText |
superGigant | superGigantText |
Color
Color props | Theme value |
---|---|
primary | primaryColor |
primaryContrast | primaryColorContrast |
negativeContrast | negativeContrast |
disabledContrast | disabledColorContrast |
disabled | disabledBgColor |
white | white color |
black | black color |
More props
Other props | Value | Description |
---|---|---|
center | center | Center text |
left | left | Align to left |
right | right | Align to right |
bold | bold | set text to bold |
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.