解决react-native警告之propType废弃问题

最新推荐文章于 2024-03-09 21:15:38 发布
最新推荐文章于 2024-03-09 21:15:38 发布
阅读量2.2k 收藏
点赞数
分类专栏： RN 文章标签： react-native propTypes ViewPropTypes
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baconcc/article/details/99686323
版权

有问题就得解决是不，来吧！

  • 问题描述：如图所示

  • 问题中文解释：View.propTypes已经给弃之不用了，现在用的是ViewPropTypes了

  • 解决问题关键：定位到问题错误的地方，找了几篇博客，终于在一篇博客找到了定位错误的地方。就是：一定点击一下展开按钮，找到（anonymous）对应的行，就是你对应要修改的地方。如图是我定位到我的问题所在的地方。

注：另外讲一下，我是看了这个文章之后找到的方法，感谢了。各位遇到问题可以去看看，链接：https://github.com/react-navigation/react-navigation/issues/1352，浏览到的地方如图所示。

  • 解决方案：第一步：在定位到的页面将View.propTypes替换成ViewPropTypes；第二步：在定位到的页面引入ViewPropTypes。如此便解决了，清爽！

如此，问题得以解决，希望对大家能有所帮助！ 2019.8.16晚十时许

蓝罗人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native之prop-types进行属性确认
xiangzhihong8的专栏
12-18 1万+
React Native已经升级到0.51.0了，版本升级很快，但是对老项目也会有一些问题，常见的就是属性找不到的问题。例如： 主要原因是随着React Native的升级，系统废弃了很多的东西，过去我们可以直接使用 React.PropTypes 来进行属性确认，不过这个自 React v15.5 起就被移除了，转而使用prop-types库来进行替换 属性确认 属性确认的作用
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
react-native-rename 只需一个命令即可重命名react-native应用 该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 ...
解决警告：View.propTypes has been deprecated and will be removed in a future version of ReactNative
热门推荐
ll1109489444的博客
05-25 1万+
搜遍全网都没有解决方法。 最后在GitHub找到了一个 链接如下： https://github.com/react-community/react-navigation/issues/1352
Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes expo
AS32H1的博客
11-18 1929
Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes exported from 'deprecated-react-native-prop-types'
react-native-scrollable-tab-view 【ViewPropTypes will be removed from React Native】 解决方案
最新发布
weixin_46250314的博客
03-09 887
开发时需要用到一个顶部滑动导航的组件，所以在github上找到了一个6.9k star的react-native-scrollable-tab-view，试过效果不错，niceeeee！根据教程导入使用都没问题，但是一打开我的app，rn就显示虽然不是致命错误，但是每次打开和更新metro都要把它取消掉真的很烦，所以，开干！
ReactNative中的`PropTypes`
侯仕奇的博客
06-13 744
ReactNative中的PropTypes Overview Runtime type checking for React props and similar objects. You can use prop-types to document the intended types of properties passed to components. React (...
React Native引用三方库报错underfined is not an object(evaluating 'viewproptypes.style')
从现在开始认真学习的博客
07-11 1745
对于新手来说，报错简直是心累，而且还不是自己代码写错那种，根本就不知道怎么解决。 不过总算是解决了这个问题 我是引入三方组件react-native-scrollable-tab-view后报的错，从图中的<unKnown>下可以知道问题是在 react-native-scrollable-tab-view/DefaultTabBar.js文件上，但是是什么问题呢，这就很抓狂了。...
react-native-qrcode-svg：基于react-native-svg和node-qrcode的React Native QR码生成器
02-05
讨论： ： 产品特点轻松渲染QR码图像（可选）嵌入徽标安卓的iOS安装安装依赖包yarn add react-native-svg react-native-qrcode-svg 要么npm i -S react-native-svg react-native-qrcode-svg 如果您使用的是React ...
react-native-image-to-pdf:react-native插件可将图像转换为PDF
05-26
入门$ npm install react-native-image-to-pdf --save 或者$ yarn add react-native-image-to-pdf 大多是自动安装$ react-native link react-native-image-to-pdf 手动安装的iOS 在XCode的项目导航器中，右键单击“ ...
react-native-iap：应用内购买的react-native本机模块
02-03
请记住， react-native-iap将提供您需要的基本功能，但不是一站式解决方案，在您的应用中实施应用内购买仍需要大量工作。 同样，实现客户端只是硬币的一面，您必须实现服务器端才能验证收据（正确完成收据可能是最...
react-native-udp：react-native的节点的dgram
02-05
yarn add react-native-udp 或npm： npm install --save react-native-udp 使用React Native> = 0.60 不再需要手动链接软件包。 iOS平台： $ cd ios && pod install && cd .. ＃iOS上的CocoaPods需要这个额外的...
解决：react native使用TabNavigator报错 PropTypes has been moved to a separate package...
辣子鸡的博客
08-15 2059
描述：意思是PropTypes 在react 16以后就从react包中移出去了，在一个单独的包里面，需要安装这个包并从这个包里面引用 原因：还是构建的react native使用的是比较新的版本，使用的react是16或者以后的版本，而引入的 react-native-tab-navigator     包是比较低的版本还是构建的react native使用的是   比较新的版本，使用的r
ReactNative从零开始笔记4-PropTypes使用
飞翔的熊blabla
07-13 286
一、使用环境 Mac 电脑 系统10.14.2 Xcode9.4 react-native-cli版本 2.0.1 react-native: 0.57.3 webstorm 二、PropTypes的简介 1.自定义组件的时候暴露属性到外界时候,外界调用组件具有属性提示; PropTypes提供很多验证器,可以验证输入内容的类型等,当前检测到类型不对时候,控制台会警告,但是不会报...
react native关于style类型的属性(PropTypes)确认
非動ご博客
10-24 1426
先做一下错误(❎)示范： import PropTypes from 'prop-types'; static propTypes = { containerStyle: PropTypes.style, } 结果： Warning: Failed prop type: LocationIndex: prop type containerStyle is invalid; it mus...
移除所有子视图，无需循环只需要一句代码
cml_cml的专栏
10-27 638
[view.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
React Native开发错误警告处理总结
江苏小白龙
03-26 8494
本文是我在开发过程中遇到问题解决方法的总结,首先万分简书ZPengs作者和qq群中的同行的帮助和反馈,持续更新中….. 遇到问题的可以来这个群里交流: 687663534 欢迎对 ReactNative 开发感兴趣的朋友加入! 687663534 错误1 估计是程序中有格式错误请自行检查比如：你注释出来问题。 {/title=”张三”/}换 //title=”张三” 错误2 ...
2021-05-29
weixin_46076175的博客
05-29 110
Message 请求的资源[/TestJspMVC/arithmetic.action]不可用 在做JSP的MVC练习的时候，发现一直报错。 原来的xml文件： <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="ht
React组件属性类型（propTypes）校验
yong_bu_ting_zhi的专栏
09-24 1266
Prop 验证 随着应用不断变大，保证组件被正确使用变得非常有用。为此我们引入propTypes。React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时，JavaScript 控制台会抛出警告。注意为了性能考虑，只在开发环境验证 propTypes。下面用例子来说明不同验证器的区别： React.createCla...
解决React-Native-Webview ios加载时候白屏问题
06-11
React-Native-Webview是一个React Native中的WebView组件，同样会出现白屏问题。以下是一些可能的原因和解决方案： 1. iOS版本问题：如果使用的是较老的iOS版本，可能会出现WebView组件的兼容性问题，导致白屏。可以升级iOS版本来解决这个问题。 2. 缓存问题：iOS设备中的WebView会自动缓存已经加载过的网页，如果缓存过多可能会导致白屏。可以尝试清除WebView的缓存，可以参考以下代码： ```javascript import { WebView } from 'react-native-webview'; // ... <WebView source={{ uri: 'https://www.example.com' }} cacheEnabled={false} // ... /> ``` 3. WebKit问题：在iOS设备中，WebView默认使用的是WebKit，有时候可能会出现WebKit的问题导致白屏。可以尝试禁用WebKit来解决这个问题，可以参考以下代码： ```javascript import { WebView } from 'react-native-webview'; // ... <WebView source={{ uri: 'https://www.example.com' }} useWebKit={false} // ... /> ``` 4. 调试问题：在开发过程中，有时候可能会出现一些JavaScript错误导致WebView白屏。可以使用开发者工具来调试JavaScript代码，找出问题所在。 希望以上这些解决方案能够解决你的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值