Use css text-shadow for react native
| Example Android | Example Ios |
|---|---|
 examples/App.js |
 examples/App.js |
If using yarn:
yarn add text-shadow-component
If using npm:
npm i text-shadow-component
import { TextShadow } from 'text-shadow-component';
import {TextShadow} from 'text-shadow-component';
<View
style={{
backgroundColor: '#232323',
width: '100%',
heigth: 300,
justifyContent: 'center',
alignItems: 'center'
}}
>
<TextShadow
title={'Preview'}
textShadow={'0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 0 0 30px #49FF18, 0 0 40px #49FF18, 0 0 55px #49FF18, 0 0 75px #49ff18'}
titleStyle={{fontSize: 60, color: '#FFFFFF'}}
/>
</View>| Name | Description | Default | Type |
|---|---|---|---|
| title | String title of text | Text Shadow | String |
| textShadow | String css text shadow | None | String |
| titleStyle | Style of text | Object Empty | Object Text Style |
property textShadow still not support unit rem, em, percent. Only support px or none unit.
Pull requests are always welcome! Feel free to open a new GitHub issue for any changes that can be made.
Working on your first Pull Request? You can learn how from this free series How to Contribute to an Open Source Project on GitHub
Pham Minh Hai Au