Merge pull request oblador#108 from oblador/touchable

Touchable as Prop

Author: iRoachie

travis.yml renamed to .travis.yml

@@ -22,10 +22,13 @@ export default class Accordion extends Component {
       PropTypes.number, // sets index of section to open
     ]),
     underlayColor: PropTypes.string,
+    touchableComponent: PropTypes.func,
+    touchableProps: PropTypes.object,
   };
 
   static defaultProps = {
     underlayColor: 'black',
+    touchableComponent: TouchableHighlight,
   };
 
   constructor(props) {
@@ -71,20 +74,23 @@ export default class Accordion extends Component {
       }
     });
 
+    const Touchable = this.props.touchableComponent;
+
     return (
       <View {...viewProps}>
         {this.props.sections.map((section, key) =>
           <View key={key}>
-            <TouchableHighlight
+            <Touchable
               onPress={() => this._toggleSection(key)}
               underlayColor={this.props.underlayColor}
+              {...this.props.touchableProps}
             >
               {this.props.renderHeader(
                 section,
                 key,
                 this.state.activeSection === key
               )}
-            </TouchableHighlight>
+            </Touchable>
             <Collapsible
               collapsed={this.state.activeSection !== key}
               {...collapsibleProps}

Accordion.js

@@ -52,6 +52,8 @@ import Accordion from 'react-native-collapsible/Accordion';
 |**`initiallyActiveSection`**|Set which index in the `sections` array is initially open. Defaults to none. |
 |**`activeSection`**|Control which index in the `sections` array is currently open. Defaults to none. If false, closes all sections.|
 |**`underlayColor`**|The color of the underlay that will show through when tapping on headers. Defaults to black. |
+|**`touchableComponent`**| The touchable component used in the Accordion. Defaults to `TouchableHighlight` |
+|**`touchableProps`**| Properties for the `touchableComponent` |
 |**`align`**|See `Collapsible`|
 |**`duration`**|See `Collapsible`|
 |**`easing`**|See `Collapsible`|