你好,我正在尝试使用reanimated 2中的useAnimatedKayboard()钩子,一切都很好,直到我点击r重新加载项目。应用程序在android和ios中崩溃。我使用它的方式与doc完全相同:
function AnimatedKeyboardExample() {
const keyboard = useAnimatedKeyboard();
const translateStyle = useAnimatedStyle(() => {
return {
transform: [{ translateY: -keyboard.height.value }],
};
});
return (
<ScrollView contentContainerStyle={{flex: 1, justifyContent: 'center',
alignItems: 'center' }}>
<Animated.View style={translateStyle}>
<TextInput />
</Animated.View>
</ScrollView>
);
}
有人知道怎么解决这个问题吗?
EDIT:这是Expo中的新项目
1条答案
按热度按时间bogh5gae1#
useAnimatedKeyboard是Reanimated 3的一个功能,你使用的是Reanimated 2,它没有这个功能。应用程序崩溃很可能是由于调用了未定义的函数。如果你能升级到Reanimated 3,这可能是你最快的解决方案。
您链接的文档并不是非常明显,但它们来自“下一个”版本,即3.0。如果您单击当前版本的文档,您将看到它不在Hooks部分中。