TextShadowComponent

Use css text-shadow for react native

Example Android	Example Ios
examples/App.js	examples/App.js

Table of contents

• Installation
• Usage
• Basic Example
• Documentation
• Note
• Inspired by
• Contributing
• Author
• License

Installation

If using yarn:

yarn add text-shadow-component

If using npm:

npm i text-shadow-component

Usage

import { TextShadow } from 'text-shadow-component';

Basic Example

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>

Documentation

TextShadow Component

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

Note

property textShadow still not support unit rem, em, percent. Only support px or none unit.

Inspired by

Text-shadow

Contributing

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

Author

Pham Minh Hai Au

License

MIT