Creating A React Native Android Button Component.

Button.jsx

export default class Button extends Component {
    render () {
        let {onPress, isRipple, rippleColor, children, style} = this.props;
        return (
            <View>
                <TouchableNativeFeedback
                    onPress={onPress}
                    background={isRipple ? TouchableNativeFeedback.Ripple(rippleColor || "#000000") : null}>
                    <View style={style}>
                        {children}
                    </View>
                </TouchableNativeFeedback>
            </View>
        )
    }
}

import_button.jsx

import Button from './Button

import_react.jsx

import React, { Component } from 'react';

import_TouchableNativeFeedback.jsx

import {
    View,
    TouchableNativeFeedback
} from 'react-native';

index.android.jsx

render () {
        return (
            <View>
                <Button isRipple onPress={() => alert(‘This works great’) } style={{ width: 100, height: 50, justifyContent: "center",alignItems: "center"}} rippleColor="red">
                    <Text> Button </Text>
                </Button>
            </View>
        )
}

props.jsx

let {onPress, isRipple, rippleColor, children, style} = this.props;

simple_react_component.jsx

export default class Button extends Component {
    render () {
        return (
            <View>
            </View>
        )
    }
}

touch.sh

touch Button.js