崩溃React Native使用动画键盘()

new9mtju  于 2023-02-19  发布在  React
关注(0)|答案(1)|浏览(153)

你好,我正在尝试使用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中的新项目

bogh5gae

bogh5gae1#

useAnimatedKeyboard是Reanimated 3的一个功能,你使用的是Reanimated 2,它没有这个功能。应用程序崩溃很可能是由于调用了未定义的函数。如果你能升级到Reanimated 3,这可能是你最快的解决方案。
您链接的文档并不是非常明显,但它们来自“下一个”版本,即3.0。如果您单击当前版本的文档,您将看到它不在Hooks部分中。

相关问题