react-native-material-ripple v0.9.1

react-native-material-ripple

Base component for touchable elements

Features

• Easy to use
• Configurable
• Consistent look and feel on iOS and Android
• Can be used as drop-in replacement for TouchableWithoutFeedback
• Pure javascript implementation
• RTL Support

Installation

npm install --save react-native-material-ripple

Usage

import React, { Component } from 'react';
import { Text } from 'react-native';
import Ripple from 'react-native-material-ripple';

class Example extends Component {
  render() {
    return (
      <Ripple>
        <Text>touch me</Text>
      </Ripple>
    );
  }
}

Properties

Other TouchableWithoutFeedback properties will also work

Example

git clone https://github.com/n4kz/react-native-material-ripple
cd react-native-material-ripple/example
npm install
react-native run-ios # or run-android

Copyright and License

BSD License

Copyright 2017-2018 Alexander Nazarov. All rights reserved.