解决使用react-native-swiper报错问题

最新推荐文章于 2023-03-30 10:21:18 发布
最新推荐文章于 2023-03-30 10:21:18 发布
阅读量479 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuanqi3131/article/details/103561678
版权

安装引入react-native-swiper之后，会出现ViewPagerAndroid has been removed from react-native的bug，解决如下：

先卸载react-native-swiper

npm uninstall react-native-swiper // 或者使用yarn
yarn remove react-native-swiper // 两个选一个，看你使用npm 还是yarn

然后安装：

npm i react-native-swiper@nightly  --save // 两者选一
yarn add react-native-swiper@nightly // 两者选一

照样**import Swiper from ‘react-native-swiper’;**引入，即可

不许动一二三
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RN填坑：使用react-native-swiper组件报错
weixin_43762903的博客
10-29 1326
首先，将package.json中版本配置信息放上： "dependencies": { "react": "16.9.0", "react-native": "0.61.2", "react-native-easy-toast": "^1.2.0", "react-native-gesture-handler": "^1.4.1", "react-nati...
引入react-native-swiper报错
l798358117的博客
01-17 306
今天引入react-native-swiper组件使用轮播图时，然后一直报错，错误如下： ViewPageAndroid has been removed from React Native 最后在网上试了好多方法，发现嘴周这个方法管用，但咱也不知道原理，啥也不敢说，只管用就对了~~~ 1. 移除掉remove react-native-swiper这个包： yarn remove react-...
RN项目使用react-native-swiper时报错
前端小菜鸡的博客
02-27 324
今天在写react-native项目引入react-native-swiper包时报错如下： 根据文档我先使用了npm安装，结果报错，于是我换成了yarn安装，命令如下： yarn add react-native-swiper，结果还是报错… 于是在网上查阅了一些资料，说要在命令后加上@nightly 解决方法如下: 1、先卸载之前安装的包 yarn remove react-nativ...
react-native-scrollable-tab-view 嵌套react-native-swiper 引发的 bug
大灰狼的小绵羊哥哥的博客
07-11 1513
问题描述:当 swiper 嵌套在react-native-scrollable-tab-view中时,在 ios 端正常,但在 Android 端会导致 swiper 子视图不出现  打开 swiper 和scrollable的源码发现,在 Android 端使用的是 viewpagerAndroid, 猜测是因为viewpagerAndroid的嵌套导致的问题,于是写代码测试 &lt...
RN开发中,使用react-native-swiper插件动态载入数据,默认数据得用Null
大赚万万亿
10-19 1073
如题, 如果不用null而用空数据[]的话,会导致内容无法显示.推测是因为数据没变化导致
react-native封装插件swiper的使用方法
08-27
react-native init swiper ``` 创建组件 在项目的 `src` 目录下，创建一个 `components` 文件夹，并在其中创建一个 `swiper.js` 文件。这个文件将用来存放 Swiper 组件的代码。 编写 Swiper 组件 在 `swiper.js`...
react-native-web-swiper:适用于React-Native和React-Native-Web的Swiper-Slider
05-22
在React-Native和React-Native-Web上均可使用。 演示版 混合小吃： : 安装 $ npm i react-native-web-swiper --save 用法 import React from 'react' ; import { StyleSheet , Text , View } from 'react-native'...
react-native-card-stack-swiper：像React-native-card-stack swiper一样的Tinder
02-05
npm install --save react-native-card-stack-swiper 预习 import CardStack , { Card } from 'react-native-card-stack-swiper' ; < CardStack xss=removed xss=removed xss=removed> { this . swiper = swiper ...
react-native-animated-swiper
04-29
在使用`react-native-animated-swiper`时，我们需要注意以下几点： 1. **安装与引入**：通过npm或yarn进行安装，然后在项目中引入相关模块。例如： ``` npm install react-native-animated-swiper import Swiper...
react-native-swiper使用的坑
终极冥帝
01-02 1423
今天使用引入react-native-swiper组件使用轮播图时，发现报如下错误： Invarint Violation:ViewPagerAndroid has been removed from React Native. 上网查了下，最终使用如下方法解决： 移除掉remove react-native-swiper这个包：yarn remove react-native-s...
react-native-viewpager-React Native版本的ViewPager控件，自动播放，无限循环。.zip
09-24
React Native版本的ViewPager控件，自动播放，无限循环。项目地址：https://github.com/race604/react-native-viewpager 效果图：使用说明： 运行 npm 安装 react-native-viewpager --save代码如下:var ViewPager = require('react-native-viewpager'); 更多配置dataSource: 提供页面数据,renderPage: 用于渲染页面视图,autoPlay: 为true 将自动播放,isLoop: 为true开启先循环,locked: 为true禁止触摸滚动,onChangePage: 页面变化的回调,renderPageIndicator: 渲染自定义的 ViewPager indicator.
ReactNative踩坑之旅: Unable to resolve module 和 Error: Plugin
热门推荐
嘎啦嘎啦
07-13 5万+
具体流程请看这个, 感谢分享: https://blog.csdn.net/qiyei2009/article/details/78820207 在搭建的过程中碰见了很多问题, 大多数简单的搜索就可以解决, 但有两个较难排查, 现在记录于下 ps. 建议别用windows自带的命令行, 出现问题后报错信息不能复制是个坑, 建议用WebStorm自带的Terminal, 自动转入项目路径, ...
react-native报错问题与解决方法
iamyang0511的博客
03-30 2213
react-native报错与解决
react-native-swiper 报错 ViewPagerAndroid
qq_37011713的博客
11-12 845
react-native-swiper 发帖时版本为1.5.14 若官方未更新可能会报下方错误 viewPagerAndroid has benn removed from React Native.it can now be installed and imported from "react-native-viewpager" instend of "react-native".see ......
React18中使用swiper@6.8.4，出现了报错TypeError: Cannot read properties of undefined (reading ‘wrapperClass‘)
tuzi007a的博客
07-05 2418
TypeError: Cannot read properties of undefined (reading 'wrapperClass')
React Native控件之ToolbarAndroid工具栏控件讲解以及使用
MN1107
06-26 2485
React Native控件之ToolbarAndroid工具栏控件讲解以及使用（一）前言今天我们来看一下工具栏控件ToolBarAndroid的介绍以使用方法。首先我来介绍一下这个组件，组件功能与iOS平台UINavigationBar类似、与Android平台ToolBar组件类似。（二）ToolbarAndroid简介与官方例子一个ToolBarAndroid组件可以显示Logo图标、some
react-native-swiper在滚动视图中默认不显示图片的问题
shenshucong520的专栏
10-27 1万+
在此记录下在使用react-native-swiper中踩的坑，此组件的github地址为：https://github.com/leecade/react-native-swiper，想了解的可以去这里了解下，在此不做使用介绍，只记录下浪费了我两个小时的踩坑经历，小伙伴们就别在踩了！ 先介绍下我是使用环境，使用了react-native-tab-navigator来做底部导航栏，
react-native 官方时间组件警告
qq_41149414的博客
12-02 1174
DatePickerAndroid has been merged with DatePickerIOS and will be removed in a future release.It can now be installed and imported from '@react-native-community/datetimepicker' instead of 'react-nativ...
RN开发快速切换底部导航时react-native-swiper轮播图组件白屏
weixin_34021089的博客
12-11 159
目前react-native平台最好用的轮播图组件：react-native-swiper 最近在项目迭代开发测试中发现一个问题，就是在快速切换APP底部tab导航栏时，集成的轮播图组件react-native-swiper会白屏，无法显示图片 如下图所示： 通过查找react-native-swiper的issues发现了，也有人遇到这个问题，最终找到了解决方案： 给组件Swiper添加一个属...
react-native-swiper
最新发布
09-20
react-native-swiper是一个React Native的组件库，用于实现轮播图的功能。你可以在官方教程中找到更多关于react-native-swiper的详细信息。如果你初次接触React Native，也可以参考React Native官方文档来了解如何...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值