css – TouchableOpacity onPress occasion does not service Outright moms and dad, as well as Family member the moms and dad’s moms and dad

This is my code:

 << Sight design= {{setting: 'family member'}} >>.
{
open &&& &. < Sight design= {styles.selectorContainer} >>.
<< TouchableOpacity design= {styles.itemContainer} onPress= {() => > {console.log(' hi')}} >>.
<< Typography> > {'aaa'} <.
<.
<.
}
<.

This is the designing:

 const designs = StyleSheet.create( {
container: {
},.
selectorContainer: {
backgroundColor: color.white,.
... dropShadow,.
setting: 'outright',.
},.
itemContainer: {
paddingVertical: 8,.
paddingHorizontal: 16,.
backgroundColor: color.white,.
justifyContent: 'flex-start',.
}
} ).

I attempted to make a Dropdown listing as well as this is exactly how much i have actually obtained.

i established the ItemsContainer moms and dad to have a setting: family member to make sure that the itemsContainer setting can be readied to "outright" therefore the itemContainer is about it moms and dad.

this is going the method i desire,

however ...

when i include << TouchableOpacity/>> part inside ItemsContainer the onPress feature did not obtain terminated

please assistance