Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TriggeringView not calling functions #28

Closed
BuffMcBigHuge opened this issue Nov 29, 2017 · 7 comments
Closed

TriggeringView not calling functions #28

BuffMcBigHuge opened this issue Nov 29, 2017 · 7 comments

Comments

@BuffMcBigHuge
Copy link

TriggeringView onHide and onDisplay are not being called as described in the documentation.

<View style={{flex: 1}}>
    <HeaderImageScrollView
        maxHeight={150}
        minHeight={60}
        maxOverlayOpacity={1}
        minOverlayOpacity={0}
        overlayColor={'#f4f4f4'}
        foregroundParallaxRatio={1}
        fadeOutForeground
        renderHeader={() => (
            <View style={{flex: 1, justifyContent: 'center', alignItems: 'center', paddingTop: 10, backgroundColor: 'blue'}}>
                <Text>MAIN HEADER</Text>
            </View>
        )}
        renderFixedForeground={() => (
            <Animatable.View style={{flex: 1, height: 60}} ref={fixedForegroundView => {this.fixedForegroundView = fixedForegroundView;}}>
                <Text style={{backgroundColor:'red', height: 60}}>SCROLLED HEADER</Text>
            </Animatable.View>
        )}>
        <View style={{flex: 1, height: 600, paddingVertical: 15, backgroundColor:'yellow'}}>
            <TriggeringView
                onHide={() => this.fixedForegroundView.fadeInUp(200)}
                onDisplay={() => this.fixedForegroundView.fadeOut(100)}>
                <View style={{flex: 1}}>
                    <Text>MAIN CONTENT</Text>
                </View>
            </TriggeringView>
        </View>
    </HeaderImageScrollView>
</View>
"react": "^16.2.0",
"react-native": "0.49.5",
"react-native-image-header-scroll-view": "^0.7.0",
@jamesholcomb
Copy link

I ran into this as well. Must be an issue with 0.7.0. Took me a while to clue in as 0.7.0 is latest on npm but not shown as a release in this repo.

Reverting back to 0.6.2 fixed it.

@jamesholcomb
Copy link

Commit comment: b6cf798#r25605315

@Nhacsam
Copy link
Contributor

Nhacsam commented Feb 4, 2018

@Nhacsam Nhacsam closed this as completed Feb 4, 2018
@chuckcwh
Copy link

I tested with latest version on a test-app but still not calling functions :(

RN version: 0.57.8
react-native-image-header-scroll-view: 0.8.2

@mir1198yusuf
Copy link

"react-native-image-header-scroll-view": "^1.0.0",
not working for me as well

@ghazihussain
Copy link

"react-native-image-header-scroll-view": "^1.0.0",
not working for me as well

Did you find any solution? I am also facing the same issue

@mir1198yusuf
Copy link

It won't work with v1.0.0 and it is not going to get fixed soon.
Better downgrade and continue
see this comment and following one
#92 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants