开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

React本机的ViewPager出现错误:：“ViewPagerAndroid已从React本机中删除”

答案： React Native是一个用于构建跨平台移动应用的框架，它允许开发者使用JavaScript和React的语法来构建原生移动应用。在React Native中，ViewPager是一个常用的组件，用于实现页面之间的滑动切换效果。

然而，最新版本的React Native已经将ViewPagerAndroid组件从React Native中删除，因此在使用React Native的ViewPager时会出现错误提示：“ViewPagerAndroid已从React本机中删除”。

为了解决这个问题，可以考虑使用第三方库来替代ViewPagerAndroid。以下是一些常用的第三方库：

react-native-swiper：一个流行的轮播图组件，支持水平和垂直滑动，具有丰富的自定义选项。它可以作为ViewPager的替代方案。腾讯云相关产品推荐：云服务器（https://cloud.tencent.com/product/cvm）
react-native-viewpager：另一个常用的ViewPager替代方案，支持水平滑动和分页效果。腾讯云相关产品推荐：云数据库 MySQL 版（https://cloud.tencent.com/product/cdb）
react-native-tab-view：一个用于实现选项卡切换效果的库，可以作为ViewPager的替代方案。腾讯云相关产品推荐：云函数（https://cloud.tencent.com/product/scf）

以上是一些常用的替代方案，根据具体需求选择合适的库来替代ViewPagerAndroid。在使用这些库之前，需要按照它们的文档进行安装和配置。

需要注意的是，由于React Native生态系统的不断发展，可能会出现新的替代方案。因此，建议在选择替代方案之前，先进行一些调研和比较，以找到最适合自己项目需求的解决方案。

相关搜索:iOS上的React本机中出现BatchedBridge错误 ListView已从react本机中删除 react -在react本机站点浏览教程时出现本机错误 React-导入web组件时出现本机错误 React本机中childComponent内的ViewPager的React createRef React本机中的react-jsx-parser react本机中的Typescript forwardRef错误 react本机中的不变冲突错误FlatList React本机项目目录结构中的react本机差异从react本机导航中删除元素

相关搜索:

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

有帮助

没帮助

相关·内容

React Native之ViewPagerAndroid 组件

概述今天我们来讲解一下关于 ViewPager 的使用，它是一个允许子视图左右滚动翻页的容器。我们知道在Android开发中系统有ViewPager这个组件，作用是实现滚动翻页的，在RN中也是有这么一个组件的（ViewPagerAndroid），每一个ViewPagerAndroid的子容器会被视作一个单独的页，并且会被拉伸填满ViewPagerAndroid。我们来看一段官方给出的例子： render: function() { return ( <ViewPagerAndroid

08

React Native 学习资源精选仓库

React Native Awesome汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等，只求精不求全。如果你是一名React Native爱好者，或者有一颗热爱钻研新技术的心，喜欢分享技术干货、项目经验、以及你在React Naive学习研究或实践中的一些经验心得等等，欢迎投稿《React Native Awesome》。如果你是一名Android、iOS、或前端开发人员，有者一颗积极进取的心，欢迎关注《React Native Awesome》。本项目汇

07

react-native-android之初次相识

作为一名Android开发者，我的感觉就是，一步一卡，卡的潇洒。但是我还是要学react-native，不要问我为什么,因为我相信一门解决了原生app，开发周期长，开发成本高，升级代价大的语言一定

06

hippy-react 支持转小程序

思考：我们技术栈hippy-react，其他业务也有同构小程序的需求，是否可以支持项目一键转小程序，减少重复开发；

03

React Native 的未来与React Hooks

近期和一些朋友聊到了 React-Native 的官方重构状态，而刚好近期发布的 0.59.x 系列版本中，上层设计出现了比较大的调整，结合体验之后的状态，就想聊聊 React-Native 的现状、新版本的升级体验、还有新支持的 React Hook 等特性。

03

每日前端夜话(0x05)：2018年JavaScript状态调查（下）

“任何可以用JavaScript编写的应用程序最终都会用JavaScript编写。”JavaScript已经不仅仅局限于浏览器了。

04

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

今天我们来讲解一下关于 ViewPager 的使用，它是一个允许子视图左右滚动翻页的容器。而且每一个 ViewPagerAndroid 的子容器会被视作一个单独的页，并且会被拉伸填满整个 ViewPagerAndroid。特别注意：ViewPagerAndroid 中所有的子视图必须是，必须是，必须是纯 View 组件，不能是复合的容器和组件。我们可以给每个子视图设置样式，比如：padding 或者 backgroundColor 。来，我们看一看 ViewPagerAndroid 有哪些属性或者方法呢

05

Pixologic ZBrush 2023 mac/win(三维数字雕刻工具)

ZBrush 是领先的行业标准数字雕刻软件。此更新提供的增强功能将帮助您探索新的工作流程，包括通过集成 Redshift 创建高质量渲染的能力。从硬表面建模和角色创建到世界建筑和环境设计，ZBrush 使您可以轻松访问各种工作流程和无限的创意可能性。

03

【React Native】react-native-scrollable-tab-view

一张跟内容完全关系的图介绍一个带有TabBar和可切换页面的控件。在Android中可以看成是ViewPager和TabLayout的结合。实际效果的话，就下面这样了。官方的动图你可以选择直接上官方Github了解怎么使用，或者继续往下看我装逼。添加到项目中 npm install react-native-scrollable-tab-view --save 使用基本用法用tabLabel指定Tab名称 render() { return ( <S

2018-07-25

MainActivity_ViewBinding.png 极坐标绘图2.png 极坐标绘图1.png 极坐标绘图.png 打印日志.png 请求与响应.png post请求.png ajax发送get请求.png React组件.png React组件传值.jpg 《仪式》 webpack打包.png 《诉世书》 create-react-app.png 配置scss.png $el.createText.png 拿到图片路径.png 盒子模型.jpg location.png 子组件修改父组件dom.pn

02

Android ViewPager无限循环滑动并可自动滚动完整实例

对于ViewPager 广告页这个功能很多APP都有这个功能在网上也看过一些资料，我就在这把我自己完整的实现方法写出来吧

01

Android 自定义 ViewPager 打造千变万化的图片切换效果

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/38026503

01

解决ViewPager+多Fragment切换出现空白页面的问题

项目的主页框架是采用Activity+Fragment的架构，由于项目需求，在第一个Fragment中又采用的是TabLayout+ViewPager+Fragment的结构，假设我这里有5个子Fragment，第一个子Fragment中有控件、数据这些东西，当我从第1个滑动到第5个Fragment，再往回滑到第1个Fragment的时候，我的第一个Fragment中的控件没了，页面是空白的。具体情况如下图中所示：

03

【Android 应用开发】Android中使用ViewPager制作广告栏效果 - 解决ViewPager占满全屏页面适配问题

源码下载地址: http://download.csdn.net/detail/han1202012/6835401

02

React-Native android在windows下的踩坑记

你需要先安装最新版本的node.js（我最后使用的是v4.1.2），前往官网下载>>

03

5000字的React-native源码解析

写在开头近期公众号主攻下React-native,顺便我也复习下React-native,后续写作计划应该是主攻Node.js和跨平台方向、架构、Debug为主如果你感兴趣，建议关注下公众号，系统的学习下，推荐阅读之前我的的年度原创文章集合:https://mp.weixin.qq.com/s/RsvI5AFzbp3rm6sOlTmiYQ 正式开始环境准备:Node、Watchman、Xcode 和 CocoaPods & XCode ，稳定的代理工具(如果没有稳定的代理工具，基本上可以考虑放弃了)

01

5000字的React-native源码解析

正式开始环境准备:Node、Watchman、Xcode 和 CocoaPods & XCode ，稳定的代理工具(如果没有稳定的代理工具，基本上可以考虑放弃了) 生成项目 npx react-native init App cd App yarn cd cd ios pod install (注意不要+sudo,此处必须全局开启代理,否则下载会失败) cd .. yarn ios 如果yarn ios后无法看到Simulator有APP,使用xCode找到这个项目的ios目录的.xcworks

02

React 17 RC 版发布：无新特性，却有新期待！

React 17 版本很特别，因为它并没有任何面向开发者的新功能，而是专注在了如何更轻松地升级 React 本身。

02

ViewPager 详解（二）—详解四大函数

前言：上篇中我们讲解了如何快速实现了一个滑动页面，但问题在于，PageAdapter必须要重写的四个函数，它们都各有什么意义，在上节的函数内部为什么要这么实现，下面我们就结合android的API说明，详细讲解一下。

03

ViewPagerIndicator+viewpager指示器详解

前几天学习了ViewPager作为引导页和Tab的使用方法。后来也有根据不同的使用情况改用Fragment作为Tab的情况，以及ViewPager结合FragmentPagerAdapter的使用。今天学习一种利用开源控件ViewPagerIndicator实现Tab的方式，也是各种新闻客户端等APP开发最常用的。 1.如何使用开源框架第1步：improt library项目第2步：导入library进我们自己新建的项目从Github上Download下来这个zip包之后，里面会有一个libr

09

Android使用ViewPager实现图片滑动预览效果

本文为大家分享了Android ViewPager实现图片滑动预览效果展示的具体代码，供大家参考，具体内容如下

03

Android之ViewPager的简单使用[通俗易懂]

Android 3.0后引入的一个UI控件——ViewPager(视图滑动切换工具)

04

有关ViewPager使用及解决ViewPager和PagerAdapter中调用notifyDataSetChanged失效问题

大家好，又见面了，我是你们的朋友全栈君。ViewPager是android-support-v4.jar包中的一个系统控件，继承自ViewGroup，专门用以实现左右滑动切换View的效果，使用时需要首先在Project->properties->Java Build Path->Libraries->Add External Jars中加入sdk目录下的extras/android/support/v4/android-support-v4.jar（如果找不到，则需要用sdk manager下载android support package）。加入这个jar包之后就可以使用ViewPager类了。 ViewPager的使用类似于ListView，需要有对应的Adapter进行数据绑定，实现图片切换仅需要继承PaperAdapter就可以了。继承后需要重写如下四个方法。 instantiateItem(ViewGroup, int) destroyItem(ViewGroup, int, Object) getCount() isViewFromObject(View, Object)

01

妖怪般的VerifyError | 奇形怪状的bug

如果你是因为这个bug，不幸点入这篇文章，我想说你运气属实不好，那么让我们掌声欢迎这个受害者。

04

Android Viewpager实现无限循环轮播图

在网上找了很多viewpager实现图片轮播的，但是大多数通过以下方式在PagerAdapter的getCount()返回一个无限大的数，来实现伪无限

02

Android UI设计与开发之ViewPager介绍和简单实现引导界面

做Android开发加起来差不多也有一年多的时间了，总是想写点自己在开发中的心得体会与大家一起交流分享、共同进步，刚开始写也不知该如何下手，仔细想了一下，既然是刚开始写，那就从一个软件给人最直观的感受——UI设计开始写起吧，循序渐进，娓娓道来。博主在这里和大家一起学习，希望能多多支持，话不多说，下面就开始讲解UI设计的第一篇。

02

Android viewpager嵌套使用photoview异常问题(java.lang.IllegalArgumentException)

最近，做项目时，遇到一个需求，需要像淘宝评论那样，一组图点开，然后可以双指滑动放大，并左右切换换图的功能。自然就想到了使用viewpager+photoview来实现这一功能，但是在实现后，却发现一个bug，就是在使用双手放大图片时，会抛异常，抛的异常是如下：

01

我的第一个RN项目——趣闻

之前利用自己的业余时间入门了微信小程序，并写了一个入门项目我的第一个微信小程序-趣闻，整体效果和之前写的 kotlin-android 版的趣闻模块和功能上没有什么区别。不得不说，相比较 Android ，小程序开发起来真的是很舒服，完善的 API和封装全面的组件，安装官方详细的开发文档，很快就可以开发出一款简单便捷的应用。

01

ViewPager 详解（一）—基本入门

前言：这两天研究研究ViewPager滚动功能，现在很多的app都有用到这个功能，我们的大虾米也有这个模块。要研究就彻底的研究研究，我从不满足于一个功能只是简单的应用，要学就学的彻底，所以我打算将ViewPager 分几篇写，研究的哪个程度就写到哪个程度吧。今天是第一篇，基本入门篇。

01

被升级整疯了，Etsy 放弃 React

关于“该用 Preact 还是 React”的争论由来已久。Preact 是 MIT 许可下的开源软件，在 GitHub 上有超过 26k 的 star，在 NPM 上每周有 1/4 百万的下载量。而源于 Facebook 的内部项目 React 在 2013 年开源后已经成为主流前端框架之一。

04

Android ViewPager2 真的香么？

Google 前段时间出了新品 ViewPager2，据说意在替代旧版 ViewPager，功能更强大使用更方便；真的这么香么，和尚尝试学习一下！

03

利用DrawerLayout和触摸事件分发实现抽屉侧滑效果

本文实例为大家分享了DrawerLayout和触摸事件分发实现抽屉侧滑效果的具体代码，供大家参考，具体内容如下

02

Android实现自动轮播图效果

本文实例为大家分享了Android实现轮播图效果展示的具体代码，供大家参考，具体内容如下

03

【译】改善React应用性能的5个建议

考虑下面这个简单的 React 应用程序，您是否认为当 props.propA 更改值时 <ComponentB> 会重新渲染？

01

Tablayout简单使用方法总结

在项目中使用viewpager的时候大多数都是和TabPagerIndicator结合使用，TabPagerIndicator是第三方的，使用起来比较繁琐；

02

android使用ViewPager组件实现app引导查看页面

我们安装完app后第一次打开app，通常都会有一个翻页图片形式的app引导简介说明。下面我们来实现这个功能.ViewPager这个组件与ListView和RecyclerView在使用上有很高的相似处，所以你如果学习过以上两种列表滚动控件，可以基于它们帮助你理解ViewPager的使用。

01

viewpager嵌套viewpager

要求：外层不可以滑动，内层可以滑动实现：重写外层的viewpager的2个方法即可

02

仿qq底部Tab导航

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/52826810

01

Android自带emoji表情的使用方法详解

emoji表情是一种表情符号，在代码中它现在其实是一组遵循Unicode的编码，即每一个表情符号都对应了一个Unicode编码。更进一步说，emoji表情实际上是一组Unicode编码与一组表情描述之间的对应。注意，这里所说的不是表情图片，而是表情描述。那么图片的实现是由谁来负责的呢？图片是由各个系统或者软件针对统一的表情描述来各自实现的，他们都遵循统一的Unicode编码规范。也就是说Unicode编码其所对应的表情描述是统一的，是所有人都要共同遵守的一套标准或者规范，而具体的表情图片则可能因平台的不同而产生差异。

03

android 自定义Viewpager实现无限循环

前言：经常会看到有一些app的banner界面可以实现循环播放多个广告图片和手动滑动循环。本以为单纯的ViewPager就可以实现这些功能。但是蛋疼的事情来了，ViewPager并不支持循环翻页。所以

07

Android实现轮播图片展示效果

2.初始化ViewPager控件,然后为控件设置适配器,创建出来的适配器实现里面的四个方法

01

【Docker】容器的安装与使用

Docker就是用来解决这一问题的。简而言之，Docker打包时打包了项目本身及其依赖。当这个项目运行时，会在Docker的虚拟容器中运行，无需担心不同的环境。

02

Android开发：ViewPage最详细教程

建立ViewPage的步骤： 1. 在XML布局中加入android.support.v4.view.ViewPager:

04

Windows日志取证

Windows常见安全事件日志ID汇总适用于：Windows Server 2016

01

React Native 升级和降级

1.更新React Native项目依赖包的版本 1.1.查看本机React Native的版本，终端执行如下命令： react-native -version 根据官网可知现在已经支持在项目中运行npm install - -save命令来进行安装react-native的新版本了，例如我们需要更新到0.22版本可以采用终端执行如下的命令(降级到某个版本也是这条命令): npm install --save react-native@0.22 2.更新项目templates文件 react-native

04

React Native之常用第三方库

前言 React Native出来一年多了，受到各大开发人员的喜爱，但是由于只是专注于View层的开发，因此在很多深层次上还需要结合原生app做一定的兼容，还有就是现在好多控件，如Android中已是系统的控件的sidemenu、checkbox、gridview等，这些在react native中系统是没有给我们提供的，这时候就借助了第三方开源的力量。那么我们今天说说在React Native项目开发中常见的一些第三方库。常见的第三方库组件篇 CheckBox（多选按钮） react-nati

2014-11-3Android学习------关于ViewPager的实现步骤--------GIF动画实现

我学习Android都是结合源代码去学习，这样比较直观，非常清楚的看清效果，觉得很好，今天的学习源码是网上找的源码百度搜就知道很多下载的地方网上源码的名字叫：android gif模式和图片展现模式图片展现神器.zip 我的博客写的比较乱，如果本篇文章没有看懂，请先看上篇文章，地址：http://blog.csdn.net/u014737138/article/details/40795303

02

Windows日志取证

Windows常见安全事件日志ID汇总适用于：Windows Server 2016

04

ReactJS和React-Native的主要区别在哪里

React-Native已经存在了约2年，而且因为它能被Android使用让我们构建跨平台的移动app而成为真正有趣的框架。一些开发者还为构建适用于Mac和Windows的桌面应用程序量身打造了一些框架，这简直太酷了。

03

Carson带你学Android：ViewPage最详细的使用教程

建立ViewPage的步骤： 1. 在XML布局中加入android.support.v4.view.ViewPager:

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭