https://github.com/hunghkit/effect-views

https://github.com/hunghkit/effect-views

Last synced: 18 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/hunghkit/effect-views
• Owner: hunghkit
• License: mit
• Created: 2017-05-21T16:35:01.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-05-21T23:09:10.000Z (over 7 years ago)
• Last Synced: 2024-11-28T18:09:49.943Z (25 days ago)
• Language: JavaScript
• Size: 178 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Effect-views

## Get Started

### 1. Installation

On the command prompt run the following commands

```sh

$ npm install --save effect-views

```

### 2. Demo

![Effect-views example](/example/images/demo.gif)

```sh

import React, { Component } from 'react';

import {

  Text,

  View,

  StyleSheet,

  AppRegistry,

} from 'react-native';

import { rippleView, RippleView } from 'effect-views';

export default class example extends Component {

  renderItem(index) {

    return (

      

        {index}

      

    )

  }

  render() {

    const Button = rippleView(View, { color: 'red' });

    return (

      

        {[...new Array(10)].map((_, index) => this.renderItem(index))}

        

          RippleView

        

        

          Overlay red

        

      

    );

  }

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    paddingTop: 50,

    backgroundColor: '#F5FCFF',

  },

  item: {

    padding: 10,

    borderBottomWidth: 1,

    alignItems: 'center',

  },

  btn: {

    margin: 4,

    padding: 10,

    alignItems: 'center',

    backgroundColor: '#4CAF50',

  },

});

```

### 3. LICENSE

MIT License