Control not clicking in iOS react-native

I have this Touchable View in react-native application, presumingly some layer from hierarchy is making that touchable not accessible(clickable), in android the button in working because of elevation property making it on top, but on iOS it won't click on that area.

<ScrollView
        // style={{ backgroundColor: 'green' }}
        refreshControl={
          <RefreshControl
            refreshing={this.state.refreshing}
            onRefresh={this.onRefresh.bind(this)}
          />
        }>
        <View >
          <Text style={styles.heading2}> {this.state.heading2}</Text>


          <View style={styles.daysContainer}>
            <TouchableOpacity
              style={styles.day1}
              onPress={() => {
                this.setState({ selectedDay: '1' });
              }}
              activeOpacity={0.5}>
              <View>
                <Text style={styles.daysTextStyle}>DAY 1</Text>
                {this.state.selectedDay == '1'&& (
                  <View
                    style={{
                      height: 4,
                      width: 30,
                      backgroundColor: Color.VIVID,
                      marginLeft: 32,
                    }}
                  />
      ...

My question is if there is anything that can help make it clickable in iOS too.