https://github.com/maicolsantos/react-native-shadow-style
Use this function to create shadows for Android and iOS
https://github.com/maicolsantos/react-native-shadow-style
elevation react-native shadow style
Last synced: 3 months ago
JSON representation
Use this function to create shadows for Android and iOS
- Host: GitHub
- URL: https://github.com/maicolsantos/react-native-shadow-style
- Owner: maicolsantos
- Created: 2020-07-12T00:47:41.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-07-21T22:13:51.000Z (almost 6 years ago)
- Last Synced: 2025-03-18T13:14:43.837Z (over 1 year ago)
- Topics: elevation, react-native, shadow, style
- Language: JavaScript
- Homepage: https://npm.im/react-native-shadow-style
- Size: 2.93 KB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-native-shadow-style
Use this function to create shadows for Android and iOS
```
yarn add react-native-shadow-style
```
## How to use
```jsx
import React from 'react'
import { View } from 'react-native'
import shadowStyle from 'react-native-shadow-style'
const App = () => (
)
```
## Use with styled components
```js
import styled from 'styled-components/native'
import shadowStyle from 'react-native-shadow-style'
export const Container = styled.View.attrs({
...shadowGenerator(5),
})`
// Others styles
`
```