【问题标题】:Cannot read property 'scrollTo' of null in react native在本机反应中无法读取 null 的属性“scrollTo”
【发布时间】:2021-01-22 13:56:48
【问题描述】:

我有一个水平的ScrollView,我想在其上具有滚动功能,onPress 它应该向右滚动。我正在使用功能组件。

以下是我的代码中的 sn-ps:

const scroll = React.createRef();

<TouchableOpacity onPress={()=>{scroll.current.scrollTo({x: 0})}}}>

<ScrollView
horizontal={true}
showsHorizontalScrollIndicator={false}
contentContainerStyle={styles.horizontalView}
 ref={scroll}
>

<TouchableOpacity onPress={() => {scroll.current.scrollTo({x: 100})}}>

我在寻找一个解决方案时看到了上述解决方案。但这给了我错误: Cannot read property 'scrollTo' of null。 我已经打了几个小时的头,但无法做到。请帮忙。

【问题讨论】:

  • 我们需要查看您的整个组件以提供帮助。我最好的猜测是您现在正在使用功能组件,并且您指的是滚动引用,就像它是类组件一样。
  • 是的,它是一个功能组件。我应该进行哪些更改才能使其在功能组件中工作??

标签: react-native react-native-android react-native-scrollview


【解决方案1】:

您应该使用useRef,如下所示:

const scroll = useRef();

【讨论】:

    猜你喜欢
    • 2021-03-16
    • 1970-01-01
    • 2021-12-02
    • 2017-02-21
    • 1970-01-01
    • 2021-11-21
    • 1970-01-01
    • 2019-02-16
    • 2019-04-25
    相关资源
    最近更新 更多