react-native-material-buttons v0.6.0

react-native-material-buttons

Material buttons with consistent behaviour on iOS and Android

Features

• Easy to use
• Consistent look and feel on iOS and Android
• Animated state transitions
• Ripple animation on touch
• Pure javascript implementation

Installation

npm install --save react-native-material-buttons

Usage

import React, { Component } from 'react';
import { TextButton, RaisedTextButton } from 'react-native-material-buttons';

class Example extends Component {
  _onPress = ({ id }) => {
    console.log(`${id} pressed`);
  };

  render() {
    let payload = { id: 'button-1' };

    return (
      <RaisedTextButton title='touch me' onPress={this._onPress} payload={payload} />
    );
  }
}

Common properties

Other Ripple properties will also work

TextButton properties

RaisedTextButton properties

Example

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

Copyright and License

BSD License

Copyright 2017-2019 Alexander Nazarov. All rights reserved.