我正在传递 props,当滚动特定高度时,我正在传递 paramsshowHeader: "True"
因此,当我滚动时,标题是不透明的,最初它是透明的。因此,在用户滚动回顶部后,我希望标题再次透明,但它是不透明的,我该如何解决这个问题?
Code:
项目详细信息屏幕组件内部:
handleScroll = (event) => {
if(event.nativeEvent.contentOffset.y > 100) {
console.log("Height is this ", event.nativeEvent.contentOffset.y);
this.props.navigation.setParams({ showHeader: "True"})
}
}
<ScrollView style={styles.container}
onScroll={this.handleScroll}
</ScrollView>
里面的navigation.js:
ProjectDetails: {
screen: ProjectDetailsScreen,
navigationOptions: ({ navigation }) => ({
headerTransparent: navigation.state.params.showHeader === "True" ? false : true ,
headerTitle: navigation.state.params.myTitle,
}),
}
所以最初标题是透明的,所以向下滚动后标题是不透明的,但如果我再次滚动回初始位置,我希望标题是透明的,我该怎么做?
将其设置为 false
handleScroll = (event) => {
if(event.nativeEvent.contentOffset.y > 100) {
console.log("Height is this ", event.nativeEvent.contentOffset.y);
this.props.navigation.setParams({ showHeader: "True"})
}
else {
this.props.navigation.setParams({ showHeader: "False"})
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)