react-native使用react-native-scrollable-tab-view的Element type is invalid:xxx)报错

最新推荐文章于 2021-02-17 14:01:38 发布
最新推荐文章于 2021-02-17 14:01:38 发布
阅读量377 收藏
点赞数
分类专栏： 知识点 文章标签： scrolltabview Android 错误修复 依赖替换 viewpager
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/agsgh/article/details/113058724
版权

错误

最近突然发现scrolltabview安卓端会报这个错误
发现只要重装了这个依赖就会报错
Unhandled JS Exception: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of xxxxScrollableTabView

解决：

拿一份没有报错的viewpager进行替换
依赖文件出现了问题
进入node_modules/@react-native-community/
将内部的viewpager文件夹进行替换即可

章鱼仔
关注
专栏目录
react-native-scrollable-tab-view的版本坑
maoxian007的专栏
08-16 2317
在使用tabview时使用 第三方的开源模块使用下列命令 npm install react-native-scrollable-tab-view --save 默认加载下来的 react-native-scrollable-tab-view 版本为  0.6.7   运行后会报如下错误： undefined is not an object (evaluat
RN：tab切换react-native-scrollable-tab-view安卓上报错问题
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
09-16 576
使用 import ScrollableTabView from 'react-native-scrollable-tab-view'; import { CmvTabs, Nodata } from '@/components'; <ScrollableTabView initialPage={initTabIndex} onChangeTab={(data) => onChangeTab(data)} renderTabBar={() => <CmvTabs />
使用react-native-scrollable-tab-view报错Invariant Violation: requireNativeComponent RNCViewPager
wwj256的专栏
06-11 520
解决方法： yarn add @react-native-community/viewpager
react-native 添加首页底部导航栏出错 react-native-tab-navigator Error:Element type is invalid:expected a string
SmallWalnutBG的博客
05-31 578
react-native 添加首页底部导航栏出错 react-native-tab-navigator https://github.com/ptomasroos/react-native-tab-navigator/issues/203 报错内容：Error:Element type is invalid:expected a string(for built-in components) or a class/function(for composite components)but got:und
react-native-scrollable-tab-view Cannot read property 'style' of undefined问题
兔子 兔子 你掉毛么
05-15 3150
今天更新了一下react-native-scrollable-tab-view 然后发现项目报错了Cannot read property 'style' of undefined差了一下发现大概是在5月12号提交的文件 然后问同学要了一份以前的react-native-scrollable-tab-view 发现多了const { ViewPropTypes } = ReactNative = r
react-native-math-view：react native的数学视图！ 没有WebView！
02-04
npm install --save react-native-math-view或yarn add react-native-math-view react-native征> 0.59 iOS： 安装react-native-svg $ cd ios && pod install 世博会 Expo不支持本机模块。 您可以将此库与react-...
react-native-gl-image-filters:使用gl-react的React-Native图像滤镜
05-01
react-native-gl-image-filters 在描述性VDOM范例中，React Native的OpenGL绑定可在图像和组件上实现复杂的效果。 您可以使用预定义的过滤器： 模糊 对比 饱和 亮度 色调 消极的 棕褐色 锐化 温度 接触。 gl-...
react-native-tab-view：用于React Native的跨平台Tab View组件
02-04
yarn add react-native-tab-view 现在，我们需要安装和 。 如果使用的是Expo，请确保运行兼容版本的库，请运行： expo install react-native-gesture-handler react-native-reanimated 如果您不使用Expo，请运行
react-native-scrollable-tab-view：可以在之间滑动的选项卡式导航，每个选项卡可以具有自己的ScrollView，并在滑动之间保持自己的滚动位置。 令人愉快的动画。 可自定义的标签栏
02-05
react-native-scrollable-tab-view 这可能是我在Android上最喜欢的导航模式，但愿它在iOS上更常见！ 这是React Native的非常简单的纯JavaScript实现。 有关此动画背后的工作原理的更多信息，请查看《 反弹”部分。 ...
react-native-alipay:使用react-native-yunpeng-alipay 支付宝支付demo
05-02
使用react-native-yunpeng-alipay支付宝支付demo “ react-native”：“ 0.51.0”， “ react-native-yunpeng-alipay”：“ ^ 2.0.0” 友情链接 下载 git clone ...
react native andorid使用react-native-scrollable-tab-view控件报错
zhizhuodewo6的博客
10-28 397
1、错误1 Android: Invariant Violation requireNativeComponent: "RNCViewPager" was ton found in the UIManager 参考文章：https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/1050 解决办法： 当RN版本大于0.60.0时 yarn add @react-native-community/viewpager
使用react-native-scrollable-tab-view报错Invariant Violation: requireNativeComponent: "RNCViewPager"
两岁半的专栏
01-07 1079
解决方法： yarn add @react-native-community/viewpager react-native link @react-native-community/viewpager 并重建
react native中使用ScrollableTabView
weixin_30846599的博客
07-24 61
第一步，下载依赖 npm install react-native-scrollable-tab-view --save 第二步，引入 import ScrollableTabView, { ScrollableTabBar, DefaultTabBar } from 'react-native-scrollable-tab-view'; 第三步，使用 cl...
Check the render method of `AnimatedComponent`
weixin_44164270的博客
02-17 1666
解决react native中使用react-native-scrollable-tab-view的问题 大部分react native 引入第三方库出现的问题都是版本不适配建议降低版本或者是升级版本； 如果出现： Check the render method of AnimatedComponent 解决方法: @react-native-community/viewpager 所以进入react-native-scrollable-tab-view 源码； 把index.js中的 const Vie
Check the render method of `RoadPage`.
zb0002011的博客
04-24 4803
排查了好久，然后发现是当前RoadPage组件引用的组件没有添加export default. ES6 export 和 export default的区别 ES6中 export 和 export default 与 import使用的区别，使用 react native 代码详解 一、使用export 和 import 1、export 定义导出一个子组件 Greeting i...
React Native之react-native-scrollable-tab-view详解
热门推荐
xiangzhihong8的专栏
05-25 2万+
在React Native开发中，官方为我们提供的Tab控制器有两种：TabBarIOS和ViewPagerAndroid。TabBarIOS，仅适用于IOS平台 ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab）。在项目开发中，我们优先选择一些开源兼容性比较好的第三方库，例如，react-navigation，以及本文即将说到的react
React-Native-Scrollable-Tab-View使用
journeyIT的博客
01-16 487
React Native中有许多第三方用于封装tabBar的库，当然也有官方提供的。React-native-scrollable-tab-view是一款非常实用的第三方库。放于界面之上可以实现一个界面中子界面的切换效果，置于界面之下可实现功能模块间的切换，通常用于封装自定义的tabBar。   安装 npm i react-native-scrollable-tab-view --sav...
react-native-scrollable-tab-view 嵌套react-native-swiper 引发的 bug
大灰狼的小绵羊哥哥的博客
07-11 1533
问题描述:当 swiper 嵌套在react-native-scrollable-tab-view中时,在 ios 端正常,但在 Android 端会导致 swiper 子视图不出现  打开 swiper 和scrollable的源码发现,在 Android 端使用的是 viewpagerAndroid, 猜测是因为viewpagerAndroid的嵌套导致的问题,于是写代码测试 &lt...
React-Native之react-native-scrollable-tab-view（一）
蓝莓味的鱼
06-17 1878
组件地址：https://github.com/skv-headless/react-native-scrollable-tab-view1：属性及方法介绍1， renderTabBar(Function:ReactComponent)TabBar的样式，系统提供了两种默认的，分别是DefaultTabBar和ScrollableTabBar。当然，我们也可以自定义一个，我们会在下篇文章重点讲解如...
React-Native国际化实践：react-native-i18n库解析与使用
1. **支持的React-Native版本**：React-Native-i18n适用于所有的React-Native版本，这意味着无论你使用的是哪个版本的React-Native，都可以集成这个库来实现国际化。 2. **支持平台**：库不仅支持iOS，还支持...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值