1 回答

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超7個(gè)贊
根據(jù)您的scrollPosition調(diào)用這些函數(shù)
const driver = Animated.value(0) //1 if the button should be shown by default
const fadeIn = () => {
Animated.timing(driver, {
toValue: 1,
duration: 500,
useNativeDriver: true
}).start()
}
const fadeout = () => {
Animated.timing(driver, {
toValue: 0,
duration: 500,
useNativeDriver: true
}).start()
}
將 TouchableOpacity 包裝在 <Animated.View> 中并設(shè)置如下樣式:
Style={{
transform: [{
translateY: driver.interpolate({
inputRange: [0, 1],
outputRange: [startingYPosition, EndingYposition]
})
}]
}}
假設(shè)按鈕可見時(shí)的positionY為700,那么outputRange的值將是[0, 700]
添加回答
舉報(bào)