first child of header isExpanded is not changing when clicked

[amansaxenalapa11]

const _head = (item , index , isExpanded) => {
return(
<CollapseHeader style={{ marginVertical:5, borderWidth:1, flexDirection:'row',
paddingHorizontal:5, borderRadius:5, borderColor:global.BtnColor , paddingVertical:5 ,flexDirection:'row'}}>
<View style={{ width:'90%',}}>

       <Text style={{fontFamily:'roboto',fontSize:18, color:colors.text, fontWeight:'700' }}>{item.heading}</Text> 
           
    
  </View>
  <Icon
     size={30}
     color= {colors.text}
     name={ isExpanded ? 'ios-arrow-down': 'ios-arrow-up'}
     style={{alignSelf:'center'}}
   />
    </CollapseHeader>
    
    );
  } 

<AccordionList
disabled = {true}
isCollapsed = {true}
bounces={false}
//onToggle={(item, index , isExpanded) => onToggle_covered(item, index , isExpanded)}
list={myhtml}
header={_head}
body={_body}
/>