TouchableOpacity not working within BlurView

Expo SDK
1

I have a TouchableOpacity within a BlurView but its onPress events are not firing. Anyway to get it working

<BlurView tint="dark" intensity={90} style={Styles.container}>
      <View style={Styles.welcomeContainer}>
        <Text style={Styles.welcomeText}>Welcome!</Text>
      </View>
      <View style={Styles.tipContainer}>
        <Text style={Styles.tipText}>Tap the "+" to see all your purchases.</Text>
      </View>
      <View style={Styles.magContainer}>
        <TouchableOpacity
          onPress={() => {
            console.tron.log('clicked')
            onClick()
          }}
          activeOpacity={1}
          style={{ justifyContent: 'center', alignItems: 'center' }}
        >
          <LinearGradient colors={['rgb(251,128,134)', 'rgb(244,73,121)']} style={Styles.magGradient}>
            <Ionicons name="ios-add" size={moderateScale(30)} color="white" />
          </LinearGradient>
        </TouchableOpacity>
      </View>
    </BlurView>
2

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.