diff --git a/Examples/UIExplorer/TouchableExample.js b/Examples/UIExplorer/TouchableExample.js index 630df75ad..5b28f2e13 100644 --- a/Examples/UIExplorer/TouchableExample.js +++ b/Examples/UIExplorer/TouchableExample.js @@ -24,6 +24,8 @@ var { TouchableHighlight, TouchableOpacity, UIManager, + Platform, + TouchableNativeFeedback, View, } = React; @@ -333,6 +335,33 @@ var TouchableDisabled = React.createClass({ Disabled TouchableHighlight + + {Platform.OS === 'android' && + console.log('custom TNF has been clicked')} + background={TouchableNativeFeedback.SelectableBackground()}> + + + Enabled TouchableNativeFeedback + + + + } + + {Platform.OS === 'android' && + console.log('custom TNF has been clicked')} + background={TouchableNativeFeedback.SelectableBackground()}> + + + Disabled TouchableNativeFeedback + + + + } ); } @@ -366,6 +395,10 @@ var styles = StyleSheet.create({ color: '#007AFF', opacity: 0.5, }, + nativeFeedbackButton: { + textAlign: 'center', + margin: 10, + }, hitSlopButton: { color: 'white', },