React Native中获取ScrollView的当前滚动位置

2023-12-07

是否可以获取当前滚动位置或当前页面<ScrollView>React Native 中的组件?

所以像这样:

<ScrollView
  horizontal={true}
  pagingEnabled={true}
  onScrollAnimationEnd={() => { 
      // get this scrollview's current page or x/y scroll position
  }}>
  this.state.data.map(function(e, i) { 
      <ImageCt key={i}></ImageCt> 
  })
</ScrollView>

Try.

<ScrollView onScroll={this.handleScroll} />

进而:

handleScroll: function(event: Object) {
 console.log(event.nativeEvent.contentOffset.y);
},

在另一种情况下,假设您还想实现分页 指标,你会想通过这样做更进一步:

<ScrollView
     onScroll={Animated.event([{ nativeEvent: { contentOffset: { x: 
     scrollX } } }], {listener: (event) => handleScroll(event)})}
     scrollEventThrottle={16}
>
   ...some content
</ScrollView>

其中,scrollX 是一个可用于分页的动画值,handleScroll 函数可以采用以下形式:

  const handleScroll = (event) => {
    const positionX = event.nativeEvent.contentOffset.x;
    const positionY = event.nativeEvent.contentOffset.y;
  };
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React Native中获取ScrollView的当前滚动位置 的相关文章

  • 快速从 RSS feed 获取 img url

    我希望能够从一段字符串中检索 img url 以下是我尝试检索的 img URL 的示例 p img width 357 height 500 src http images sgcafe net 2015 05 OVA1 357x500
  • 用于测试对象类型的通用 Swift 函数

    我正在尝试编写一个函数 该函数接受一个对象和一个类型作为参数 并返回一个布尔值 指示该对象是否属于给定类型 似乎没有 Type 类型 所以我不知道如何做到这一点 我能做的最好的就是 func objectIsType
  • 如何读取本地 JSON 文件进行测试

    我正在尝试编写用于 json 验证的单元测试 因为该应用程序严重依赖于来自 REST API 的 json 我有一个包含简单 json 的本地文件 goodFeaturedJson txt 内容 test TEST 测试用例 void te
  • Swift 中的协议与多态性

    我对面向对象编程相当陌生 我正在尝试了解协议 委托和多态性 我最近观看了一个培训视频 其中宣传当您有两个相似且具有相似方法实现的类时 协议是优雅地实现此目的的最佳解决方案 这就说得通了 然而 一些额外的研究让我发现了多态性 听起来这也是一种
  • 类型错误:未定义不是对象(评估“store.getState”)

    我正在关注让我们构建 使用 React Native Redux 的加密货币原生移动应用程序 https medium com react native training bitcoin ripple ethereum price chec
  • 在 Objective-C 中检查 Json 响应的空值

    AT null EA null AD2 OP null AdsLst EMs null ND MN null FN Sony LN J ZP 23456 CT 1 PP 0 cId 161464 Pos null WPExt null OS
  • xcode 9 中的 Facebook 登录按钮终止

    我正在使用 Xcode 9 并将编译器设置为 Swift 3 2 我使用 Cocoapods 安装了 Facebook Login 一切都编译没有任何错误 但每当我在模拟器中运行它时 我单击登录按钮 它就会崩溃 控制台中仅打印以下内容 li
  • Webpack 如何构建生产代码以及如何使用它

    我对 webpack 很陌生 我发现在生产构建中我们可以减少整体代码的大小 目前 webpack 构建的文件大小约为 8MB main js 的文件大小约为 5MB 如何减少生产构建中的代码大小 我从互联网上找到了一个示例 webpack
  • Swift:在标签背景中制作图像

    我想将标签放入带有角半径的红色矩形的图像中 条件是图像大小必须等于或略大于标签大小 为此我找到了一个类似的question https stackoverflow com questions 3037902 adding backgroun
  • 如何在 Objective C 中创建 json 字符串?

    我必须动态生成一个 json 字符串并需要发送到服务器 有谁知道如何使用NSJSONSerialization 下面是我的字符串 surveyid Survey1 responsetime dd mm yyyy hh mm ss locat
  • iOS 8 上的 NSRangeException

    我将 XCode 5 升级到 6 以便在 iPhone 6 和 6 Plus 上测试我的项目 但在启动时遇到了神秘的崩溃 NSArrayM objectAtIndex index 4 beyond bounds 0 3 First thro
  • 在 Grand Central Dispatch 中使用dispatch_sync

    任何人都可以用非常清晰的用例解释其目的是什么dispatch sync in GCD是为了 我不明白在哪里以及为什么我必须使用它 Thanks 当您想要执行一个块并等待结果时可以使用它 其中一个示例是使用调度队列而不是锁进行同步的模式 例如
  • AVAssetExportSession.requestExportSession 回调从未被调用(swift 3,iOS10)

    以下代码从不调用导出回调 导出会话创建得很好 我没有看到任何错误 也没有任何进展 CPU 为 0 我认为没有例外 状态为 1 进行中 进度为 0 错误为零 视频在画廊中播放 我可以成功获取视频的图像 我已将代码提取到单个 UIViewCon
  • iOS 上服务器发送事件的 webkit 的推荐替代方案 [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我想在我的本机 iOS 应用程序中接收服务器发送的事件 但我不使用 webkit Safari 根据我
  • iOS - 当应用程序被终止时处理静默推送通知

    我目前在 iOS 中遇到推送通知问题 我的应用程序收到包含标识符的静默推送通知 然后 该标识符用于从创建本地通知的远程服务器获取数据 据我所知 如果用户强制退出应用程序 即通过双击主页按钮并滑动关闭应用程序 则静默推送通知不会传递到 App
  • 如何取消 ComponentWillUnmount 中的所有请求?

    根据docs https facebook github io react docs react component html componentwillunmount ComponentWillUnmount 能够取消请求 我有一个页面发
  • 使 UITableView 中的动态更新内容可供 VoiceOver 访问

    我正在努力让我的应用程序更易于访问 到目前为止 标签和提示等标准可访问性正在创造奇迹 然而 我在动态更新 UITableView 中显示的内容时遇到了问题 表的每一行大约每秒更新一次 但如果我尝试在此时创建每个单元格的accessibili
  • 如何将 CGRect 转换为 MapRect

    我创建了一个如下方法将 CGRect 转换为 MapRect 如下所示 MKMapRect mapRectForRect CGRect rect CLLocationCoordinate2D topleft mapView convertP
  • Core Data + CloudKit 无法在其他设备上自动刷新?

    我的 SwiftUI 应用程序与 Core Data CloudKit 一起使用 我可以从 Mac 或 iPhone 将新条目保存到数据库中 该应用程序对所有设备使用完全相同的项目 代码库 唯一的问题是我需要关闭应用程序并重新打开它才能查看
  • axios在自调用函数内部只调用一次(Internet Explorer)

    我有一个函数每 2 5 秒调用自己一次来检查后台运行的任务 它调用 axiosget如果响应错误 则返回一个 url 如果响应成功 我将停止该函数 这在 Chrome 和 Mozilla 上完美运行 但由于某种原因 它在 IE 版本 11

随机推荐

  • javascript 中有没有一种好方法可以从 javascript 对象(而不是数组)中删除 Falsy 值?

    在 JavaScript 中 您可以使用很好的 filter 方法从数组中删除 null 或 false 值 到目前为止 我还没有找到从 JavaScript 对象中删除相同内容的方法 为什么会这样呢 目前 您可以为数组创建一个函数 例如
  • 管理 FCM 设备组

    我试图弄清楚如何使用 REST API 从应用程序服务器管理 FCM 设备组 AFAIK 这些是更新的文档 https firebase google com docs cloud messaging android device grou
  • jQuery:如何创建元素然后将其包装在另一个现有元素周围?

    所以我知道如何使用 wrap wrapInner and wrapAll但我想知道如何将 jQuery 1 4 中引入的快速创建语法和包装函数一起使用 基本上我希望能够使用 var targetUl this would be popula
  • 阻止谷歌翻译翻译日期选择器

    http jsfiddle net tkRaQ 51 这里的 addClass datepicker datepicker addClass notranslate 没有修复它 谷歌翻译停止工作日期的选择 由于某种原因 其他代码修复了它 f
  • 没有窗口的 Windows 应用程序中的窗口消息

    我有一个应用程序想要在后台运行 没有可见的窗口或控制台 为了实现这一点 我创建了一个 Windows 应用程序 但不创建窗口 当请求关闭时 即当用户注销时 应用程序需要进行一些清理 如何确定何时关闭 我可以简单地创建一个处理 WM CLOS
  • JS,数组矩阵和forEach行为的区别

    我正在为我的 JS 课程做一些培训任务 我得到一个必须实现一个函数的函数 该函数接受正整数 n 并返回如下所示的矩阵 已传递 5 1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 我能够使用
  • 为 Fortran 数组操作指定冒号

    Fortran 允许更轻松地使用数组操作 例如 double precision a 3 3 b 3 3 c 3 3 Given a and b已初始化 我知道一个简单的c a b将导致矩阵加法 使用同样可以实现c a b 我知道第二种方法
  • 前端 Ajax 和 WordPress - 数据库未更新

    所以我正在开发一个 WordPress 网站 我在获取用户输入来更新数据库方面遇到了一些困难 JS var ID this attr id var name name input ID val var createDate created
  • 如何显示进度条?

    我创建了一个隐写术 隐藏位图中的文本 应用程序 我想添加一个进度条来显示该过程的运行时间 procedure TForm1 Button2Click Sender TObject var x y i currentBit bitInChar
  • Scala.Option 的 Spring RequestParam 格式化程序

    我们在 Scala 应用程序中使用 Spring MVC 我想弄清楚如何打开 ScalaOption这样它们就可以使用正确转换 RequestParam 我认为解决方案可能与格式化程序 SPI 但我不确定如何让它很好地工作Option可以包
  • 向 CSV 文件添加一行 - 类型错误:必须是 str,而不是 tuple

    尝试以以下格式向我的 CSV 文件添加一行 名称 值 这是 CSV 文件 Japanese Yen 169 948 US Dollar 1 67 Pound Sterling 1 Euro 5 5 以下是负责向 CSV 文件添加行的代码部分
  • jQuery 在 Firefox 中不工作

    jQuery 在 Firefox 中不工作 它在 IE 和 Google Chrome 中工作正常 但是当我尝试在 Mozilla Firefox 中运行我的应用程序时 jQuery 无法工作 有什么猜测吗 这是我的代码
  • 转发声明一个标准容器?

    是否可以在头文件中转发声明标准容器 例如 采用以下代码 include
  • 矩阵转置 Common Lisp

    好吧 我被告知要在 common lisp 中创建一个矩阵转置函数 我是个初学者 所以不太了解 我的矩阵是列表的列表 我不能使用 apply mapcar 或类似的方法来解决它 只能使用 CONS CAR 和 CDR 如果没有 我的解决方案
  • jquery 动画可以以编程方式链接吗?

    我有这个代码 jQuery flash animate opacity 0 35 200 animate opacity 0 200 animate opacity 0 35 200 animate opacity 0 200 animat
  • 在 XGBoost.XGBRegressor 中创建自定义目标函数

    因此 我对 Python 中的 ML AI 游戏相对较新 目前正在研究围绕 XGBoost 自定义目标函数实现的问题 我的微分方程知识相当生疏 所以我创建了一个带有梯度和 hessian 的自定义 obj 函数 该函数对均方误差函数进行建模
  • Play 2.2.1 Java:相当于 play 1.X 中的 @before 过滤器吗?

    我想实施一个设置用户是否存在 当你could使用过滤器 或拦截器 在 传统 webapp框架方式中 Play首选方式似乎肯定是编写自定义Action方法 请参阅有关的文档动作组合 如果你遵循他们的风格 你就会定义一个新的Action像这样的
  • 链接到 Docker memcached 容器

    我已经尝试 Docker 几天了 并且越来越喜欢它 然而 有一些事情仍然让我困惑 这是我到目前为止所拥有的 创建占用空间少的 Ubuntu 14 04 映像 I got this from a post on this forum bin
  • 对于使用 packages.config 的项目,是否有 contentFiles 的替代方案?

    我有一个 nuget 包 当用户安装我的包时 我希望将其内容复制到构建输出 有对此的支持 NuGet ContentFiles 揭秘在 NuGet v3 3 中 但是 它仅适用于使用project json 当我有一个使用的项目时 内容文件
  • React Native中获取ScrollView的当前滚动位置

    是否可以获取当前滚动位置或当前页面