Add Ripple component for compatibility

lib/Ripple.js

@@ -0,0 +1,51 @@
+import React, { Component, PropTypes, View, Text, TouchableNativeFeedback } from 'react-native';
+import { default as PolyfillRipple } from './polyfill/Ripple';
+import { isCompatible } from './helpers';
+
+export default class RippleMain extends Component {
+
+    static propTypes = {
+        color: PropTypes.string,
+        onPress: PropTypes.func,
+        onLongPress: PropTypes.func,
+        children: PropTypes.node.isRequired
+    };
+
+    static defaultProps = {
+        color: 'rgba(0,0,0,.2)'
+    };
+
+    render() {
+        const { color, onPress, onLongPress, children, ...other } = this.props;
+
+        if (!isCompatible('TouchableNativeFeedback')) {
+            return (
+                <PolyfillRipple
+                    rippleColor={color}
+                    onPress={onPress}
+                    onLongPress={onLongPress}
+                    {...other}
+                >
+                    {/* Stops fatal crash with out of bounds animation */}
+                    <View style={{ marginHorizontal: .2 }}>
+                        {children}
+                    </View>
+                </PolyfillRipple>
+            )
+        }
+
+        return (
+            <TouchableNativeFeedback
+                background={TouchableNativeFeedback.Ripple(color)}
+                onPress={onPress}
+                onLongPress={onLongPress}
+            >
+                <View {...other}>
+                    {children}
+                </View>
+            </TouchableNativeFeedback>
+        );
+    }
+
+}
+

lib/index.js

@@ -10,7 +10,7 @@ export { default as Icon } from './Icon';
 export { default as IconToggle } from './IconToggle';
 //export { default as List } from './List';
 export { default as RadioButton } from './RadioButton';
-export { default as Ripple } from './polyfill/Ripple';
+export { default as Ripple } from './Ripple';
 export { default as RadioButtonGroup } from './RadioButtonGroup';
 export { default as Subheader } from './Subheader';
 export { default as Toolbar } from './Toolbar';