react-native-shadow

react-native-shadow copied to clipboard

Added `animated` setting to allow change in wrapper component from View to Animated.View. Also fixed warning for each child in BorderShadow which got unpacked (should only allow one root for...

halpdesk

ErezCsillag

Calculation error in SVG Path

1

In BoxShadow, `rectHeight` is calculated as `height - radius * 2` and `rectWidth` is calculated as `width - radius * 2`. These values can be negative for views with dynamic...

shubhangsati

[react-native-shadow-2] My improved package of this one

3

Hey there. As this package is dead for years, I've made my own from scratch and with some improvements: https://github.com/SrBrahma/react-native-shadow-2

ftzi

If <BorderShadow> only has one component, how to get rid of the warning "Each child in a list should have a unique 'key' prop"

1

If only has one component, how to get rid of the warning "Each child in a list should have a unique 'key' prop"

changyu2hao

how to support typescript?

5

 i am try yarn add @types/react-native-shadow, but is not found ! ``` 无法找到模块“react-native-shadow”的声明文件。“d:/phpstudy_pro/WWW/wuzhai/app/node_modules/react-native-shadow/index.js”隐式拥有 "any" 类型。 Try `npm install @types/react-native-shadow` if it exists or add a new declaration (.d.ts) file...

huaiguoguo

Hi there, I was curious of any special instructions for expo. I see there is some notes about expo in this thread - https://github.com/879479119/react-native-shadow/issues/40 Maybe we can add something to...

Noitidart

TypeError: Invalid attempt to spread non-iterable instance.In order to be iterable, non-array objects must have a [Symbol.iterator]() method.

2

import React from 'react'; import {View} from 'react-native'; import {BoxShadow, BorderShadow} from 'react-native-shadow'; function Neumorphic() { const shadowOpt = { width: 100, height: 100, color: '#000', border: 2, radius: 10,...

geekayush1812

For circle shadow not blending properly from corners

9

For the circle, the shadow is not blending properly from corners ``` const shadowOpt1 = { width:150, height:150, color:"#000", border:30, radius:75, opacity:0.2, x:0, y:0, style:{marginVertical:0,marginHorizontal:40,} } ``` And if the...

ranvirgorai

The "shadow" looks more like a border than a shadow

1

I would suggest that you try to find a way to make the shadow blurry at the edges, by adding a blur property to the setting object

TarekRahal