开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

采用ScrollView的RefreshControl会在每次刷新时向下移动屏幕内容

是因为在React Native中，ScrollView组件可以用于展示可滚动的视图内容，并且可以通过RefreshControl来实现下拉刷新功能。

当我们在ScrollView中使用RefreshControl时，每次进行下拉刷新操作时，ScrollView的内容会被向下移动一段距离，以展示正在刷新的状态。这个移动的距离可以根据具体的实现方式和样式进行调整。

RefreshControl是一个React Native提供的内置组件，用于在可滚动的组件上添加下拉刷新功能。它可以通过ScrollView的属性refreshControl来进行配置。在使用RefreshControl时，可以通过设置onRefresh属性来指定下拉刷新时触发的回调函数，从而实现自定义的刷新操作。

在云计算领域中，下拉刷新功能可以应用于各种场景，比如数据展示页面、聊天应用等。当页面中的数据需要实时更新时，用户可以通过下拉刷新来获取最新的数据，并且可以通过移动屏幕内容来展示刷新的状态，提高用户体验。

腾讯云提供了丰富的云计算产品和服务，其中与刷新功能相关的产品包括：

腾讯云移动解决方案：https://cloud.tencent.com/solution/mobile
- 该解决方案提供了丰富的移动应用开发工具和服务，包括移动应用开发平台、移动推送服务等，可帮助开发者轻松构建高质量的移动应用。

腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns
- TPNS是腾讯云提供的一款稳定可靠的移动应用消息推送服务，可以满足移动应用的实时消息推送需求。

请注意，以上仅为腾讯云相关产品的示例，其他云计算品牌商也提供类似的产品和服务。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

iOS 面试策略之系统框架-UIScrollView及其子类

UIScrollView 恐怕是所有 App 都绕不过去的类——尤其是它的子类 UITableView 和 UICollectionView。看看我们日常常见的 App，新闻类的今日头条，社交类的微博和微信，电商类的淘宝、腾讯，日常管理用的备忘录和图片 App 的缩放功能，都或多或少得使用了 UIScrollView 及其子类。

02

WWDC2016 Session笔记 - iOS 10 UICollectionView新特性

关于 iOS 10 UICollectionView的新特性，主要还是体现在如下3个方面

03

RN ReactNative 使用 MJRefresh 自定义刷新组件

RN 自带的 RefreshControl 是 UIRefreshControl，并且还自己写了自动偏移，存在有时不能回弹和不可以自定义视图的问题

04

React Native之ListView实现九宫格效果

概述在安卓原生开发中，ListView是很常用的一个列表控件，那么React Native（RN）如何实现该功能呢？我们来看一下ListView的源码 ListView是基于ScrollView扩展

05

UIScrollView进阶技巧

UIScrollView是iOS开发中经常用到的UI控件，像图片轮播之类的效果都可以用UIScrollView来实现，当然轮播什么的网上有很多教程了，我就不多说了。今天主要讲三个跟交互有关的效果（稍微有点标题党啊，其实也没有多进阶……），也不是直接用的UIScrollView，而是它的子类UITableView和UIWebView。先看一下效果图吧，都来自我自己的项目：

04

基础篇章：关于 React Native 之 RefreshControl 组件的讲解

（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间）我们已经讲完了 ScrollView 和 ListView ，自然而然我们就应该讲的组件就是下拉刷新的喽，因为它们几个是兄弟，常常一块出现，就跟打麻将似的，四缺一不能打，那它们三就是斗地主，三缺一不能玩。今天讲的这个组件就是它们的兄弟：RefreshControl 。介绍我的母亲官网是这么介绍我的，说：我是大家在使用我的兄弟ScrollView或ListView添加拉刷新功能用的，我们几个

05

React Native之ScrollView控件详解

概述 ScrollView在Android和ios原生开发中都比较常见，是一个滚动视图控件。在RN开发中，系统也给我们提供了这么一个控件。不过在RN开发中，使用ScrollView必须有一个确定的高度才能正常工作，因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器（通过滚动操作）。所以，要给一个ScrollView确定一个高度的话，要么直接给它设置高度（不建议），要么确定所有的父容器都已经绑定了高度。在视图栈的任意一个位置忘记使用{flex:1}都会导致错误。 Scroll

07

模拟京东商城实现导航条隐藏功能

样式需求展示-京东导航条：.gif 需求说明： 1.导航条隐藏功能 2.界面向上滚动的时候，导航条隐藏 3.界面向下滚动的时候，导航条显示层次结构分析：核心思路：导航条必须隐藏，显示的顶部

Android开发笔记（十二）测量尺寸与下拉刷新

大家知道，自定义视图的目的就是要在屏幕上显示期望的图案，那在绘制图案之前，我们得先知道这个图案的尺寸（如宽多少高多少）。一般在xml中给控件的宽和高有三种赋值方式： 1、MATCH_PARENT : 表示与上级控件一样大小； 2、WRAP_CONTENT : 表示按照自身尺寸进行适配； 3、直接赋给具体的dp值；方式3有具体的数值，不用计算就知道了。方式1与上级控件保持一致，因此只要系统依次丈量控件大小，这也不是什么难事。麻烦的是方式2，因为下级控件每个尺寸都有可能不确定，比如文本控件得看文字大小、行数，图像控件得看图片大小、拉伸情况，所以大家想想，如果这时候我们自己去一个个算过去（下级控件的个数也不确定），这算得头都大了。幸亏Android提供了onMeasure函数自动完成了上述计算过程，通常情况下我们的自定义控件也无需重写该方法，除了一些特殊的情况。当然本文讲的便是实际开发中遇到的特殊情况，否则就不用浪费口舌了。

04

iOS开源组件分类总结

下拉刷新 ZJRefreshControl ZJRefreshControl 下拉刷新加载更多 Swift 调用方式 //只有下拉刷新 refreshControl = ZJRefreshControl(scrollView: appTableView, refreshBlock: { self.dropViewDidBeginRefreshing() }) //下拉刷新和上拉加载更多 refreshControl = ZJRefreshControl(scrollView: msgT

03

【React-Native】React-Native组件样式合集

最近在阅读RN的文档，但有一点深感遗憾的是——官方对绝大多数RN组件没有用Gif图或者静态图的方式呈现给大家。

02

Taro3.2 适配 React Native 之运行时架构详解

由 58 前端团队主导的 Taro 3 适配 React Native 工作已完成有一段时间了。目前发布了多个体验版，也将在3月底迎来正式版。基于 Taro 的良好架构演变，适配 React Native 的方案的也做了较大调整，本文将主要介绍 Taro 3 适配 React Native 运行时相关的详细设计与实现。

03

7. 偷用Swiper简改

看这段代码应该就很清楚了，如果是android系统就渲染Pager如果是ios就使用横向的ScrollView，修改后的app首页如下：

03

AppBarLayout学习

AppBarLayout是一个垂直的LinearLayout，实现了很多和协调布局一起合作的滚动属性。其子View可以通过setScrollFlags()或在xml布局中通过app:layout_scrollFlags属性设置想要的滚动行为。

03

iOS 11 安全区域适配总结

02

iOS 11 安全区域适配总结

| 导语本文主要是对iOS 11下企鹅 FM APP中tableView内容下移20pt或下移64pt的问题适配的一个总结。内容包括五个部分：问题的原因分析、adjustContentInset属性的计算方式、什么情况下的tableView会发生内容下移、有哪些解决方法、解决这个问题时遇到的另外一个小问题。一、iOS 11下APP中tableView内容下移20pt或下移64pt的原因分析问题如下图所示： 1. 原因分析原因是iOS 11中Controller的automaticallyAdju

MJRefresh 源码阅读

MJRefresh项目地址 https://github.com/CoderMJLee/MJRefresh 下载下来后我们打开项目可以看到下面的目录 MJ项目结构 MJRefresh目录下就是下

02

React Native列表之FlatList开发实用教程

在APP开发过程中，列表可谓是页面最重要的一种展现形式了，几乎每一个APP都离不了列表，那么在这篇文章中将向大家分享在React Native中该如何实现列表，以及FlatList的原理和实用指南。

00

项目需求讨论-自定义滚轮

大家好，这次又是到了实际的项目需求讨论时间，我的一些文章下面，有时候有人评论，求源码，求Demo，我的主张是仔细看文章，自己理解了再写一遍，会懂得更多。大部分人都习惯直接拿过来用，能用了都不会去看为什么能实现需求。所以我还是写以如何实现为主。（这B装的我太累了。我TM就是懒啊。不想写Demo，自觉性还是有待提高。）

02

iOS14开发-UIView

在 iOS 13 中引入了新的 API — Diffable Data Source，它不仅能够驱动 UITableView 和 UICollectionView，而且可以更简单高效的实现数据的刷新。

01

基础篇章：React Native之 ScrollView 的讲解

（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间）编者按：其实我并不太喜欢在周末发公众号，毕竟大家都在休息和放松，不想学习，但是今天在群里我看到有人说：这周群主关于React Native的文章发的很少，不够学的，我发的少，是因为我看阅读量少，所以减少了发布次数，但是看到群里的人这么一问，感觉我必须今天再多发一篇。回馈给一直跟着我学习的程序员和开发者。大家好，我是ScrollView，相信做过移动或者前端开发的人肯定都很熟悉我，对，我就是

05

react-native布局与组件

一款好的App离不开漂亮的布局，RN中的布局方式采⽤的是FlexBox(弹性布局) 。

02

六天完成一个简单iOS App - 第六天

第六天任务推荐标签页面的完成圆形头像的设置和封装评论界面的完成新帖界面的完成发布界面的完成推荐标签页面的完成点击精华页面左上角按钮来到推荐标签界面。推荐标签界面推荐标签的实

05

Android中文API——ScrollView

Android中文翻译组：http://androidbox.sinaapp.com/

03

【HarmonyOS 专题】07 简单了解 ScrollView 滑动组件

和尚在前面学习 Image 时当前屏幕展示不全，需要用到 ScrollView 滑动组件，和尚今天进一步学习一下；

01

六天完成一个简单iOS App - 第四天

第四天任务：今天主要任务完成精华模块的搭建。精华页面的搭建精华页面中全部界面的显示日期的处理热门评论的显示和处理精华页面的搭建精华页面分为全部、视频、声音、图片、段子五个界面，五个界面可

07

react native实现上拉加载下拉刷新

前言我们在做原生app开发的时候，很多场景都会用到下拉刷新、上拉加载的操作，Android中如PullToRefreshListView，ios中如MJRefresh等都是比较好用，且实现上比较简单的第三方库。他们的实现原理大体相同，都是在列表的基础上新增头部和尾部，然后新增手势触摸的逻辑判断。那么对于react native，我们也可以用相同的原理来实现。 react-native-pull 这里我们首先要介绍一款兼容Android和ios的组件：react-native-pull 我们首先来看一下

08

速读原著-Android应用开发入门教程(作为简单容器使用的视图组)

单选按钮组（RadioButton）是一组逻辑上相关的按钮，它们之中只能有一个被选中，单选按钮通常单选按钮被设计成圆形的外观。因此需要一个类将各个单选按钮包含在一起。

01

仿腾讯课堂固定滚动列表ReactNative组件

前言由于业务需要做成类似腾讯课堂课程详情滚动的效果，考虑到后面有可能有新的呈现方式，RN提供的组件没有这种滚动控件，不如自己封装，其实去年已经写了一篇但是写的比较乱，周末花了点时间重写梳理下做的东西

07

webview 和 React Native 中吸顶效果实现

在跨端开发中，离不开一些吸顶的交互场景，可以参考淘宝或是京东类电商 app 中一些 tab ，在整个容器滑动的过程中，吸顶效果非常的连贯和丝滑的，当然这些 tab 可能是用 native 开发的，但是跨端应用也能实现很不错的吸顶效果，那么今天我们就来研究一下跨端开发是如何实现吸顶的。

01

React-native踩坑小记

React-native踩坑小记最近开始研究ReactNative咯，大概一两周了吧已经，略略说一下遇到的一些坑爹问题问题一般都出在android上。。。最近看GitH

08

vi编辑器参数

竖线(|)代表光标的位置；波浪号(~)代表该行没有任何内容。如果没有 ~，也看不到任何内容，那说明这一行肯定是有空白字符（空格、tab 缩进、换行符等）或不可见字符。

04

干货 | Flutter控件CustomScrollView原理解析及应用实践

popeye，携程软件技术专家，关注移动端跨端技术，致力于快速，高性能地支撑业务开发。

03

Android中控制和禁止ScrollView自动滑动到底部的方法

因为Android很多函数都是基于消息队列来同步，所以需要一部操作，addView完之后，不等于马上就会显示，而是在队列中等待处理，虽然很快，但是如果立即调用fullScroll， view可能还没有显示出来，所以会失败

02

Android高仿京东2020版首页联动效果！

第一张图通过RecyclerView+Vlayout多布局实现；第二张具有实战性质的效果图通过CoordinatorLayout+RecyclerView实现；

02

Swift-MVVM 简单演练(一)

Swift-MVVM 简单演练(二) Swift-MVVM 简单演练(三) Swift-MVVM 简单演练(四) 前言最近在学习swift和MVVM架构模式，目的只是将自己的学习笔记记录下来，方便自己日后查找，仅此而已！！！本来打算一篇全部搞定的，但是简书每篇文章只能写大约不超过15000字的内容，因此只能分开写了。如果有任何问题，欢迎和我一起讨论。当然如果有什么存在的问题，欢迎批评指正，我会积极改造的！ ---- 这篇文章都写啥自定义NavgationBar 抽取便利构造函数初步的下拉刷新/上

05

SwiftUI 视图的生命周期研究

在 UIKit（AppKit）的世界中，通过框架提供的大量钩子（例如 viewDidLoad、viewWillLayoutSubviews 等），开发者可以将自己的意志注入视图控制器生命周期的各个节点之中，宛如神明。在 SwiftUI 中，系统收回了上述的权利，开发者基本丧失了对视图生命周期的掌控。不少 SwiftUI 开发者都碰到过视图生命周期的行为超出预期的状况（例如视图多次构造、onAppear 无从控制等）。

03

5种方法完美解决android软键盘挡住输入框方法详解

在开发中，经常会遇到键盘挡住输入框的情况，比如登录界面或注册界面，弹出的软键盘把登录或注册按钮挡住了，用户必须把软键盘收起，才能点击相应按钮，这样的用户体验非常不好。像微信则直接把登录按钮做在输入框的上面，但有很多情况下，这经常满足不了需求。同时如果输入框特别多的情况下，点击输入时，当前输入框没被挡住，但是当前输入框下面的输入框却无法获取焦点，必须先把键盘收起，再去获取下面输入框焦点，这样用户体验也非常不好，那有什么办法呢？系统的adjustResize和adjustPan有什么区别，他们使用时的注意事项，有什么系统要求及蔽端呢？

03

Android仿IOS上拉下拉弹性效果的实例代码

用过iphone的朋友相信都体验过页面上拉下拉有一个弹性的效果，使用起来用户体验很好；Android并没有给我们封装这样一个效果，我们来看下在Android里如何实现这个效果。先看效果，感觉有些时候还是蛮实用的。

03

iOS开发之UIRefreshControl使用踩坑

问题描述接上一个话题，实现了TabBar的点击刷新以后，开始继续写完成功能，刷新UITableView，于是考虑到iOS 10以后，UIScrollView已经有UIRefreshControl的属性了，干脆用自带的写。于是就有了如下的代码：添加UIRefreshControl到UITableView上去 UIRefreshControl *refreshControl = [[UIRefreshControl alloc] init]; refreshControl.tintColor =

iOS开发之多表视图滑动切换示例（仿"头条"客户端）---优化篇

前几天发布了一篇iOS开发之多表视图滑动切换示例（仿"头条"客户端）的博客，之所以写这篇博客，是因为一位iOS初学者提了一个问题，简单的写了个demo做了个示范，让其在基础上做扩展和改进。被CocoaChina中iOS模块所收录实在出乎我的意料，链接地址（http://www.cocoachina.com/ios/20150706/12370.html），在CocoaChina上看了下面的评论，Demo的问题确实有，优化和改进的空间也是蛮大的。首先内存问题是必须考虑的，不能把这么多的TabalView实

07

开源项目——『看知乎』iOS 版

前段时间无意中发现了看知乎，一个知乎答案和用户的精选站。网站开发者是知乎用户苏莉安，他写了个爬虫从知乎抓取数据，而且还提供了 API 文档。我大致看了下文档，感觉写个 iOS 客户端应该也挺不错的，于是就开始写了。

05

Android的FixScrollView自定义控件

需求模仿腾讯课堂视频播放详情页面，效果如图： 1外层滚动控件到顶部，内层控制滚动 2内层滚动到顶部，外层控制滚动 835108-20170331111709149-156183149.gif 835108-20170331111723820-1491053367.gif 基本思路：是最外层有个父ScrollView,子tab页面中有ListView（React-native原生实现也是ScrollView），现在外部的ScrollView设定一个固定高度（屏幕高度+视频高度一半），接下来解决的难点是要

08

MJRefresh 源码解析

MJRefresh是李明杰老师的作品，到现在已经有1w+颗star了，是一个简单实用，功能强大的iOS下拉刷新（也支持上拉加载更多）控件。它的可定制性很高，几乎可以满足大部分下拉刷新的设计需求，值得学习。

02

iOS实例——滑动列表展现/隐藏顶部视图

项目中需要一个效果：下滚列表时顶部的自定义视图不移动，上移时隐藏顶部视图，提高列表的展现范围。在此基础上海加了一个隐藏列表时的动态渐入渐出效果，如下：

01

AFNetworking源码探究（二十五） —— UIKit相关之UIRefreshControl+AFNetworking分类

上一篇主要分析了UIProgressView+AFNetworking分类，主要实现了上传任务和下载任务与进度之间的绑定。这一篇主要分析UIRefreshControl+AFNetworking这个分类。

05

基于ARKit的iOS无限屏实现，还原锤子发布会效果

通过在越狱环境下修改SpringBoard.app，实现了一个iOS桌面的无限屏模式！

04

RxSwift + MJRefresh 打造自动处理刷新控件状态

本文是基于 iOS - RxSwift 项目实战记录所述，如果你还未阅读过，建议你最好还先阅读一遍，并下载Demo熟悉一下 : ) LXFBiliBili 前言 MVVM的模式中，多出了View

04

基础篇章：关于 React Native 之 ListView 组件的讲解

（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间）我们讲完ScrollView组件，其实顺其自然的就应该讲解ListView,对于前段

08

IOS UIRefreshControl刷新控件

import UIKit class ViewController：UIViewController,UITableViewDelegate,UITableViewDataSource{ @IBOutlet weak var tabvLayout：UITableView! var refreshControl = UIRefreshControl() override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view. self.automaticallyAdjustsScrollViewInsets = false //添加刷新 refreshControl.addTarget(self, action：#selector(refreshData), for： UIControlEvents.valueChanged) refreshControl.attributedTitle =NSAttributedString(string：”松开后自动刷新”) tabvLayout.addSubview(refreshControl) refreshData() } // 刷新数据 func refreshData() { self.tabvLayout.reloadData() self.refreshControl.endRefreshing() } // MARK：- UITableViewDataSource func tableView(_ tableView：UITableView,numberOfRowsInSection section：Int) -> Int { return 10; } func tableView(_ tableView：UITableView,cellForRowAt indexPath：IndexPath) -> UITableViewCell { let cell = UITableViewCell(style：UITableViewCellStyle.value1, reuseIdentifier：“newsCell”) let date = NSDate() let timeFormatter = DateFormatter() timeFormatter.dateFormat = “yyy-MM-dd ‘at’ HH：mm：ss.SSS” //(时间格式) let strNowTime = timeFormatter.string(from：date as Date) as String cell.textLabel？.text = strNowTime let rect = CGRect(x：0,y：cell.frame.height-1,width：self.view.frame.size.width,height：1) let label = UILabel(frame：rect) label.backgroundColor = UIColor.lightGray() cell .addSubview(label) return cell; } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() // Dispose of any resources that can be recreated. } }

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭