bamlab / bamlab/react-native-image-header-scroll-view

Cannot tap element on renderFixedForeground

Open
#6 11 comments 0 reactions 0 assignees View on GitHub
help wanted
Dominant language
TypeScript
Stars
1k
Forks
101
PR merge metrics
No merged PRs in 30d

Description

Hi, tanks for this amazing component.
I'm having an issue tapping on a button inside the renderFixedForeground.
When I scroll down and the header collapses, it works perfectly.

In the following example you can see that the button is not tappable until you scroll all the way down.
Thanks in advance.

```jsx
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Image,
Button
} from 'react-native';
import HeaderImageScrollView, { TriggeringView } from 'react-native-image-header-scroll-view';

export default class imageScroll extends Component {
render() {
return (
{
return(

console.log('tap!!')}/>
)

}}
renderHeader={() => (

)}
>

console.log('text hidden')} >
Scroll Me!




);
}
}

const styles = StyleSheet.create({
header :{
flex: 1,
height: 56,
padding: 10,
position: 'absolute',
top: 0,
left: 0,
right: 0,
justifyContent: 'center',
}
});

AppRegistry.registerComponent('imageScroll', () => imageScroll);
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.