RN项目使用react-native-swiper时报错

最新推荐文章于 2022-08-28 23:19:18 发布
最新推荐文章于 2022-08-28 23:19:18 发布
阅读量319 收藏
点赞数 2
文章标签： reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/candy_tadecheng/article/details/104542891
版权 
	今天在写react-native项目引入react-native-swiper包时报错如下：

在这里插入图片描述
根据文档我先使用了npm安装，结果报错，于是我换成了yarn安装，命令如下： yarn add react-native-swiper，结果还是报错…
在这里插入图片描述
于是在网上查阅了一些资料，说要在命令后加上@nightly
解决方法如下:
1、先卸载之前安装的包
yarn remove react-native-swiper
2、重新安装
yarn add react-native-swiper@nightly
3、引入
import Swiper from ‘react-native-swiper’

终于好了…

candy_tadecheng
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RN的轮播图组件
weixin_68658847的博客
04-07 187
RN的轮播图组件
react-native封装插件swiper的使用方法
08-27
主要介绍了react-native封装插件swiper的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
引入react-native-swiper报错
l798358117的博客
01-17 304
今天引入react-native-swiper组件使用轮播图时，然后一直报错，错误如下： ViewPageAndroid has been removed from React Native 最后在网上试了好多方法，发现嘴周这个方法管用，但咱也不知道原理，啥也不敢说，只管用就对了~~~ 1. 移除掉remove react-native-swiper这个包： yarn remove react-...
RN开发快速切换底部导航时react-native-swiper轮播图组件白屏
weixin_34021089的博客
12-11 157
目前react-native平台最好用的轮播图组件：react-native-swiper 最近在项目迭代开发测试中发现一个问题，就是在快速切换APP底部tab导航栏时，集成的轮播图组件react-native-swiper会白屏，无法显示图片 如下图所示： 通过查找react-native-swiper的issues发现了，也有人遇到这个问题，最终找到了解决方案： 给组件Swiper添加一个属...
react-native-swiper Android不显示
feipengwang的博客
08-28 658
项目中引入了react-native-swiper，发现不能显示。 问题原因： 1.放到了（FlatList , SectionList,ListView,ScrollView 等）组件中 2.swiper的下面放有ScrollView或者ListView等滑动列表 网上解决办法： 1.添加延时，之后加载 （尝试以后，发现并不能解决问题） 我的解决方式： <View s...
React-Native学习--轮播图第三方组件-react-native-swiper
仲少dy
09-29 1万+
一.通过npm安装react-native-swiper $ npm install react-native-swiper --save $ npm i react-timer-mixin --save 二.在项目中导入 import Swiper from 'react-native-swiper'; 三.使用 render(){ return(
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-swiper-animated：类似tinder的swiper，用于react-native
02-05
React本机滑动动画类似React的Tinder之类的动画注意！ 此包装不再需要维护！ 不幸的是，我没有时间或动力去开发基于react-native-gesture-handler而不是RN的PanResponder的PanResponder 。 此仓库将于2019年底归档
react-native-onboarding-swiper：React React-Native应用程序的新手入门
02-05
但是对于React-Native，只有一个组件是a）易于设置和b）高度可定制的： react-native-onboarding-swiper 。 您的新用户不应陷入困境。 首先给他们一个愉快，愉快的介绍，然后让他们探索您的真棒应用程序。 使一切...
解决使用react-native-swiper报错问题
yuanqi3131的博客
12-16 472
安装引入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 // 两个选一个...
react-native 轮播图 ——react-native-swiper使用
热门推荐
卓原的进化之旅
05-23 3万+
今天学习了轮播图的使用，上网查阅了一下，发现有react-native-swiper和React-Native-Viewpager 两种封装的比较好的第三方组件，对比了下文档，觉得react-native-swiper功能更加完善，而且文档说明比较全面，所以只用了react-native-swiper，下面介绍下react-native-swiper的使用。该组件同时支持android和iOS。
RN 组件 react-native-swiper 轮播图
刘荣丹的日志
06-01 2491
安装组件依赖包：https://www.npmjs.com/package/react-native-swiper Swiper 组件的使用 @常用属性 以下属性值均为默认值 render(){ return ( &lt;Swiper style={styles.wrapper} width = {200} ...
React Native入门篇—react-native-swiper的安装和配置
长腿欧巴的博客
01-11 2236
注意：未经允许不可私自转载，违者必究 React Native官方文档：https://reactnative.cn/docs/getting-started/ react-native-swiper官方教程：https://github.com/leecade/react-native-swiper 项目地址GitHub地址：https://github.com/zhouwei1994...
RN开发中,使用react-native-swiper插件动态载入数据,默认数据得用Null
大赚万万亿
10-19 1071
如题, 如果不用null而用空数据[]的话,会导致内容无法显示.推测是因为数据没变化导致
react-native-swiper 让人无语的坑
12-08 7009
下面这段代码出现问题，百思不得其解， 刚开始以为是swiper不支持数组形式，一顿测试<Swiper style={styles.wrapper} showsButtons> { [<View style={styles.slide1}> <Text style={styles.t
RN填坑：使用react-native-swiper组件报错
weixin_43762903的博客
10-29 1317
首先，将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...
React18中使用swiper@6.8.4，出现了报错TypeError: Cannot read properties of undefined (reading ‘wrapperClass‘)
tuzi007a的博客
07-05 2367
TypeError: Cannot read properties of undefined (reading 'wrapperClass')
RN轮播组件不自动播放 react-native-swiper 解决
madma的专栏
08-28 169
RN坑
react-native-swiper
最新发布
09-20
react-native-swiper是一个React Native的组件库，用于实现轮播图的功能。你可以在官方教程中找到更多关于react-native-swiper的详细信息。如果你初次接触React Native，也可以参考React Native官方文档来了解如何开始使用React Native。 如果你还没有安装yarn镜像，可以查看这篇教程来了解如何安装并配置yarn镜像。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值