React-native-collapsible: Does the Accordion work with a Touchable Highlight in the renderHeader and renderContent arguments

Created on 15 Jun 2017 · 5Comments · Source: oblador/react-native-collapsible

Can't seem to get this working. For example:

<Accordion
sections={SECTIONS}
renderHeader={() =>{
  return (
    <View>
    <TouchableHighlight style={{padding: 5}}
    underlayColor = '#191970'
    >

    <View style = {styles2.row}>
    <Text style = {{color:'#B67075'}}>Hello</Text>
    </View>

    </TouchableHighlight>
    </View>
  );
}}
renderContent={() =>{
  return (
    <View>
    <TouchableHighlight style={{padding: 5}}
    underlayColor = '#191970'
    >

    <View style = {styles2.row}>
    <Text style = {{color:'#B67075'}}>Hello</Text>
    </View>

    </TouchableHighlight>
    </View>
  );
}}
/>

question awaiting-reply

Source

rrajasek92

Most helpful comment

yes, I have also same problem. TouchableHighlight and TouchableOpacity doesn't working inside the renderHeader and renderContent,

kiritmodi2702 on 29 Jul 2017

👍2

All 5 comments

yes, I have also same problem. TouchableHighlight and TouchableOpacity doesn't working inside the renderHeader and renderContent,

kiritmodi2702 on 29 Jul 2017

👍2

Same problem here, I need to call a function onPress and I always got the same error _this3._onPressButton is not a function.

Anyone know a workaround ?

rdoyle975 on 8 Aug 2017

Same Problem here, when trying to use on press method inside renderHeader, can anyone have implemented same.
_renderHeader(section, i, isActive) {
return (

);
}