- 滚动条监听事件
- @param event
*/
onScrollFunc = (event) => {
// 将滚动的值绑定到渐变动画
Animated.event([{nativeEvent: {contentOffset: {y: this.state.logoOpacity}}}])(event)
// 将滚动的值绑定到边距动画
Animated.event([{nativeEvent: {contentOffset: {y: this.state.searchViewMargin}}}])(event)
}
renderSearchView = () => {
const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity)
const marginRight = this.state.searchViewMargin.interpolate({
inputRange: [0, 80], // 当滚动条滚动到0～80的位置时
outputRange: [0, 80], // 将右边距改为从0～80
extrapolate: ‘clamp’ // 滚动超出0～80的范围，不在更改边距
})
const marginTop = this.state.searchViewMargin.interpolate({
inputRange: [0, 160], // 当滚动条滚动到0～160的位置时
outputRange: [0, -36], // 将上边距改为从0～
-36
extrapolate: ‘clamp’ // 滚动超出0～160的范围，不在更改边距
})
return (
<AnimatedTouchableOpacity
style={styles.top_search_container(marginRight, marginTop)}
activeOpacity={0.8}
onPress={this.gotoSearch}
TopDropdownMenu.js 解析
// 使用 Modal 来实现弹窗菜单，达到遮罩效果
render() {
const {isVisible, data, topOffset} = this.state;
return (
<Modal
学习福利
【Android 详细知识点思维脑图（技能树）】
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。
虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。
由于篇幅有限，这里以图片的形式给大家展示一小部分。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XbRhaJlq-1647532742154)(https://upload-images.jianshu.io/upload_images/14735202-e79ae5bfd9eced94.png?imageMogr2/auto-orient/strip|imageView2/2/w/817/format/webp)]
网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
的形式给大家展示一小部分。
[外链图片转存中…(img-XbRhaJlq-1647532742154)]
网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
