touchableProps.delayPressIn = this.props.delayPressIn;

touchableProps.delayPressOut = this.props.delayPressOut;

touchableProps.delayLongPress = this.props.delayLongPress;

}

if (Platform.OS === 'ios') {

return (

<TouchableOpacity

{...touchableProps}

testID={this.props.testID}

style={containerStyle}

accessibilityLabel={this.props.accessibilityLabel}

accessibilityRole="button">

{this._renderGroupedChildren()}

</TouchableOpacity>

);

} else {

const background = this.props.androidBackground

? this.props.androidBackground

: TouchableNativeFeedback.SelectableBackground();

let padding = 0;

if (containerStyle[0] && containerStyle[0].padding) {

padding = containerStyle[0].padding;

const fixedStyle = Object.assign({}, containerStyle[0], {padding: 0});

containerStyle[0] = fixedStyle;

}

return (

<View style={containerStyle}>

<TouchableNativeFeedback

{...touchableProps}

style={{flex: 1}}

testID={this.props.testID}

accessibilityLabel={this.props.accessibilityLabel}

accessibilityRole="button"

background={background}>

<View style={{padding: padding}}>

{this._renderGroupedChildren()}

</View>

</TouchableNativeFeedback>

</View>

);

}

}

_renderGroupedChildren() {

let { disabled } = this.props;

let style = [

styles.text,

disabled ? styles.disabledText : null,

this.props.style,

disabled ? this.props.styleDisabled : null,

];

let childGroupStyle = [

styles.group,

this.props.childGroupStyle,

];

let children = coalesceNonElementChildren(this.props.children, (children, index) => {

return (

<Text key={index} style={style} allowFontScaling={this.props.allowFontScaling}>

{children}

</Text>

);

});

switch (children.length) {

case 0:

return null;

case 1:

return children[0];

default:

return <View style={childGroupStyle}>{children}</View>;

}

}

_computeActiveOpacity() {

if (this.props.disabled) {

return 1;

}

return this.props.activeOpacity != null ?

this.props.activeOpacity :

systemButtonOpacity;

}