Написал анимацию, чтобы при нажатие менялась opacity. Но анимация не

Question

React Native — русскоговорящее сообщество

Написал анимацию, чтобы при нажатие менялась opacity. Но анимация не

работает,хотя проверял для анимировния bottom все работает норм.В чем может быть проблема ???

const AnimatedPress = Animated.createAnimatedComponent(Pressable)

const [active, setActive] = useState(false)
const animatedOpacity = useSharedValue(1)
useEffect(() => {
animatedOpacity.value = withTiming(10,
{ duration: 300, easing: Easing.linear })
}, [active])
const opacityStyle = useAnimatedStyle(() => {
const opacity = interpolate(animatedOpacity.value,
[0, 100],
[1, 0],
Extrapolate.CLAMP)
return { opacity }
})

<AnimatedPress
style={{
}}
onPressIn={() => {
setActive(true)
}}
onPressOut={() => setActive(false)}
>
<Animated.View style={[{
width: normalize(35),
height: normalize(35),
borderRadius: 20,
opacity: 1,
backgroundColor: '#FFFFFF',
right: pixelSizeHorizontal(5),
bottom: pixelSizeVertical(4),
}, opacityStyle]} />
</AnimatedPress>

#mobile #programming #reactnative #russian

0

08.09.2021

1 ответов

13 просмотров

. · Answer 1

. Автор вопроса

писал также без interpolate с измнением стиля opacity + withTiming в callBack, результат тот же самый.

0

08.09.2021

169 похожих чатов

Написал анимацию, чтобы при нажатие менялась opacity. Но анимация не

1 ответов

Похожие вопросы