javascript - 如何使用 useRef 滚动到组件 onPress

Question

这是一个简单的问题，我只是找不到可以处理这个问题的方法。

1. 我像这样声明使用 ref 变量：

    const massageTypeRef = useRef();
   

2. 现在我在页面顶部有 Text 组件：

                <Text ref={massageTypeRef} style={styles.massagetitle}>
                Choose type:
            </Text>
   

3.我在底部有另一个按钮，我希望在单击按钮时，将用户一直带到 Text 组件。在我的底部按钮中，我有：

<AnimatedButton
                onPress={() => console.log(massageTypeRef.current}/// here i dont know what i need to 
                 pass
                icon="arrow-up"
                buttonStyle={styles.problembutton}
                textStyle={styles.problembuttontext}
            />

我试过了：

onPress={() =>
                    massageTypeRef.current.scrollIntoView({
                        behavior: "smooth",
                    })

和：

onPress={() =>
                    massageTypeRef.current.scrollTo()
                    })

但我总是得到：TypeError：massageTypeRef.current.scrollIntoView 不是函数。（在“massageTypeRef.current.scrollIntoView()”中，“massageTypeRef.current.scrollIntoView”未定义）