React Native useRef在iOS/Android端返回undefined Web端运行正常

• scrollIntoView是浏览器专属DOM API，仅在Web环境生效。React Native在iOS/Android端渲染的是原生组件而非DOM节点，不存在这个方法，调用时自然会拿到undefined报错。你之前Web端能运行是因为react-native-web做了Web层的API适配，和原生端逻辑不通用。
• 原代码的onPress绑定写法存在逻辑错误：onPress={scrollToElement(reserveRef)}会在组件渲染阶段直接执行滚动函数，而非点击触发，Web端未报错只是巧合。
• React Native原生端的滚动能力由ScrollView组件实例提供，不支持直接给内部子View绑定ref调用滚动方法，必须通过ScrollView暴露的官方API实现滚动定位。

采用官方兼容三端的滚动实现逻辑：给ScrollView绑定ref，通过onLayout回调获取目标元素的Y轴偏移量，点击时根据平台选择对应滚动方法，同时修正事件绑定的写法问题。
修复后可直接运行的完整代码：

import React, { useRef } from 'react';
import { View, ScrollView, Text, Button, Platform } from 'react-native';

// 引入业务组件
import Header from '../components/header';
import MenuBar from '../components/menubar';

export default function Reserveren({ navigation, route }) {
  const scrollViewRef = useRef(null);
  const reserveRef = useRef(null);
  // 存储目标元素相对于ScrollView顶部的偏移量
  const targetPositionY = useRef(0);

  const scrollToElement = () => {
    // Web端保留原有平滑滚动逻辑
    if (Platform.OS === 'web') {
      reserveRef.current?.scrollIntoView({ behavior: 'smooth' });
      return;
    }
    // iOS/Android端调用ScrollView官方滚动API
    scrollViewRef.current?.scrollTo({
      y: targetPositionY.current,
      animated: true,
    });
  };

  return (
    <View>
      <ScrollView ref={scrollViewRef}>
        <Header navigation={navigation} />
        <MenuBar navigation={navigation} />

        <View>
          {/* 修正事件绑定写法，仅点击时触发滚动 */}
          <Button title="Click me to scroll" onPress={() => scrollToElement()} />
        </View>

        <View 
          ref={reserveRef}
          // 元素布局完成时自动获取自身Y轴偏移
          onLayout={(e) => {
            targetPositionY.current = e.nativeEvent.layout.y;
          }}
        >
          <Text>This is the element to scroll to</Text>
        </View>

      </ScrollView>
    </View>
  )
}

• 修正onPress的错误绑定方式，用箭头函数包裹滚动逻辑，避免渲染阶段提前执行函数。
• 新增ScrollView实例ref，原生端统一使用RN官方提供的scrollTo方法实现滚动，从根源解决API不存在导致的undefined问题。
• 通过组件自带的onLayout回调获取目标元素位置，不需要依赖DOM API测量，三端通用，不会出现布局获取时机错误的问题。
• 增加平台判断逻辑，Web端保留原生平滑滚动体验，原生端走官方滚动链路，性能和兼容性都有保障。

内容的提问来源于stack exchange，提问作者CodeRic