Nestable Processes Mutate

    effect-views

    1.0.0 • Public • Published

    Effect-views

    Get Started

    1. Installation

    On the command prompt run the following commands

    $ npm install --save effect-views

    2. Demo

    Effect-views example

    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 (
          <RippleView
            key={index}
            style={styles.item}
          >
            <Text>{index}</Text>
          </RippleView>
        )
      }
     
      render() {
        const Button = rippleView(View, { color: 'red' });
     
        return (
          <View style={styles.container}>
            {[...new Array(10)].map((_, index) => this.renderItem(index))}
            <RippleView style={styles.btn}>
              <Text>RippleView</Text>
            </RippleView>
            <Button style={styles.btn}>
              <Text>Overlay red</Text>
            </Button>
          </View>
        );
      }
    }
     
    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

    Install

    npm i effect-views

    DownloadsWeekly Downloads

    2

    Version

    1.0.0

    License

    MIT

    Last publish

    Collaborators