bamlab / bamlab/react-native-image-header-scroll-view
Cannot tap element on renderFixedForeground
- 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.