FlatList Touchable непрозрачность не работает на Android

Question

У меня есть данные FlatList, над которыми я хочу нажать на каждые данные, чтобы открыть подробный вид. Работает с iOS, но не с Android.

_renderItem = ({item,index}) => { 
        var allcat = [];
        for(let itemIndex = 0; itemIndex < item.data.length; itemIndex++) {
        allcat.push(
        <TouchableOpacity onPress={()=>this.props.navigation.navigate('FlavoursDetails',{itemId: item.data[itemIndex].itemid})}>
            <Text style={styles.SectionListItemStyle}>{item.data[itemIndex].itemname}</Text>
        </TouchableOpacity>
      )
        }
        return (     
          <ScrollView style={{
          flex:1, width:'100%',
          shadowRadius: 4.65,elevation: 10,  borderWidth:1, borderColor:'#ccc', margin:0, padding:0, borderRadius:10,marginTop:30, backgroundColor:'#fff', }}>
           <Text style={styles.SectionHeaderStyle}>{item.title}</Text>
           <TouchableOpacity>
               {allcat}
           </TouchableOpacity>
            </ScrollView>
        )
     }

Answer 1

достаточно только одной TouchableOpacity:

return (     
     <ScrollView style={{flex:1, width:'100%', shadowRadius: 4.65,elevation: 10,  borderWidth:1, borderColor:'#ccc', margin:0, padding:0, borderRadius:10,marginTop:30, backgroundColor:'#fff', }}>
         <Text style={styles.SectionHeaderStyle}>{item.title}</Text>
         {allcat}
     </ScrollView>
);