React Native 函数组件 ScrollView 滚动到顶部

小袁学前端

已于 2022-04-10 18:12:04 修改

阅读量645

点赞数

文章标签：前端

于 2022-04-10 18:11:25 首次发布

本文链接：https://blog.youkuaiyun.com/qq_40088255/article/details/124082660

版权

本文详细介绍了在React Native的函数组件中如何实现ScrollView滚动到顶部的功能，包括必要的API使用和组件交互，帮助开发者更好地理解和应用这一常见操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

React Native 函数组件 ScrollView 滚动到顶部

// 引入 useRef
	import React, {useRef} from "react";

// 定义变量
	let scrollRef = useRef();
  
// 页面引用
	  <ScrollView 
	  style={styles.scrollContent} 
	  ref={scrollRef}>
	  	    <View style={styles.content}>
	  	    </View>
	  </ScrollView>

// 调用
  if(scrollRef.current){
    scrollRef.current.scrollTo({x:0, y:0, animated: true});
  }