https://github.com/always-early-heart/rn-shadow

rn-shadow finfosoft used
https://github.com/always-early-heart/rn-shadow

react-native rn shadow

Last synced: 5 months ago
JSON representation

rn-shadow finfosoft used

• Host: GitHub
• URL: https://github.com/always-early-heart/rn-shadow
• Owner: always-early-heart
• Created: 2018-05-08T07:43:45.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-05-08T08:49:00.000Z (about 8 years ago)
• Last Synced: 2025-09-18T19:48:08.281Z (9 months ago)
• Topics: react-native, rn, shadow
• Language: JavaScript
• Size: 3.91 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# rn-shadow

rn-shadow finfosoft used

## 准备工作

npm i rn-shadow --save

根据你的项目版本安装 [react-native-svg](https://github.com/react-native-community/react-native-svg)

## 使用方法

可以把这个组件当成一个View来使用，这个View可以包含多个组件

## 示例

    import Shadow from 'rn-shadow';

    //……

    

    //……

    const styles = StyleSheet.create({

      boxShadow: {

        width: width - 60, // 必须

        height: height - 120, // 必须

        shadowColor: "#999", // 阴影颜色

        shadowOpacity: 0.5, // 阴影透明度

        shadowRadius: 5, // 阴影宽度

        borderRadius: 10, // 阴影圆角大小

        marginVertical: 80,

        alignSelf: "center",

        alignItems: "center",

      },

    }）

## 感谢 

[react-native-shadow](https://github.com/879479119/react-native-shadow)