childrenContainerStyle and touchableStyle props added (#51)

* childrenContainerStyle and touchableStyle props added
peacechen · Feb 21, 2018 · 993509b · 993509b
1 parent fdbea99
commit 993509b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -88,6 +88,8 @@ Prop                | Type     | Optional | Default      | Description
 `cancelText`        | string   | Yes      | `cancel`     | text of the cancel button
 `animationType`     | string   | Yes      | `slide`      | type of animation to be used to show the modal. Must be one of `none`, `slide` or `fade`.
 `disabled`          | bool     | Yes      | false        | `true` disables opening of the modal
+`childrenContainerStyle`| object   | Yes      | {}           | style definitions for the children container view
+`touchableStyle`    | object   | Yes      | {}           | style definitions for the touchable element
 `supportedOrientations`    | ['portrait', 'landscape'] | Yes      | both      | orientations the modal supports
 `keyboardShouldPersistTaps`| `string` / `bool`         | Yes      | `always`  | passed to underlying ScrollView
 `style`             | object   | Yes      |              | style definitions for the root element

diff --git a/index.js b/index.js
@@ -32,6 +32,8 @@ const propTypes = {
     optionTextStyle:                Text.propTypes.style,
     optionContainerStyle:           ViewPropTypes.style,
     sectionStyle:                   ViewPropTypes.style,
+    childrenContainerStyle:         ViewPropTypes.style,
+    touchableStyle:                 ViewPropTypes.style,
     sectionTextStyle:               Text.propTypes.style,
     cancelContainerStyle:           ViewPropTypes.style,
     cancelStyle:                    ViewPropTypes.style,
@@ -59,6 +61,8 @@ const defaultProps = {
     optionTextStyle:                {},
     optionContainerStyle:           {},
     sectionStyle:                   {},
+    childrenContainerStyle:         {},
+    touchableStyle:                 {},
     sectionTextStyle:               {},
     cancelContainerStyle:           {},
     cancelStyle:                    {},
@@ -198,8 +202,8 @@ export default class ModalSelector extends React.Component {
         return (
             <View style={this.props.style}>
                 {dp}
-                <TouchableOpacity onPress={this.open} disabled={this.props.disabled}>
-                    <View pointerEvents="none">
+                <TouchableOpacity style={this.props.touchableStyle} onPress={this.open} disabled={this.props.disabled}>
+                    <View style={this.props.childrenContainerStyle} pointerEvents="none">
                         {this.renderChildren()}
                     </View>
                 </TouchableOpacity>