View.propTypes has been deprecated

[sargunv]

I'm using React Native 0.44 with React Navigation 1.0.0-beta.9 and I'm getting the warning "View.propTypes has been deprecated and will be removed in a future version of ReactNative. Use ViewPropTypes instead." when using a TabNavigator.

Relevant commit (I think): facebook/react-native@53905a5

[hdsenevi]

Yep, seeing the same thing. I'm using

• react-native : "0.44.0",
• react-navigation : "^1.0.0-beta.9",

[JeremyZheng]

very annoying...

[tulin745]

me too

[brenordr]

I see this warning everywhere, many components that I use in react native throw it, and most of then don't even use View.propTypes at all (or even use a component that use it),
Any ideas how this warning can be fixed? I'll be happy to explore the ideas and submit a PR here too.

[zhaiyjgithub]

me too.

[ztplz]

same problem

[tslearn]

me too.

[cielu]

强迫症的原因，有个警告很不舒服，所以找到了该文件，把他改掉就行。
目录：node_modules/react-native-tab-view/src/TabViewAnimated.js 第78行，的View.propTypes 改成 ViewPropTypes ，并且在第5行的导入中，增加ViewPropTypes的导入

replace View.propTypes to ViewPropTypes in file node_modules/react-native-tab-view/src/TabViewAnimated.js at line 78 , and import ViewPropTypes at line 5

[keeleycarrigan]

Getting really angry with React Navigation. NavigationExperimental has officially been removed in RN 0.44 and I can't even get an example project running properly by just running yarn add react-navigation. I have to specifically point it at that project's master. I guess my app is stuck at RN 0.43 because everything isn't ready to port. This is terrible.

[mhmdfy]

I have the same problem, and I would rather not have to modify files in node_module folder as it is usually not tracked.

[hdsenevi]

I know this is not a fix, but I didn't want to dismiss this warning all the time when I was testing so I ended up doing the following. Hope it helps someone.

console.ignoredYellowBox = ['Warning: View.propTypes'];

This will ignore that specific warning but would show any other warnings (if any)

[slonak79]

We're also seeing this warning.

    Warning: View.propTypes has been deprecated and will be removed in a future version of ReactNative. Use ViewPropTypes instead.

react-native@0.44.0
react-navigation@1.0.0-beta.7

[xavieracostapolo]

esta solución me funciono @cielu "replace View.propTypes to ViewPropTypes in file node_modules/react-native-tab-view/src/TabViewAnimated.js at line 78 , and import ViewPropTypes at line 5". tambien remplace en todos los archivos lo mismo, me guiaba con el stacktrace del warning. eso me indicaba donde remplazar. saludos

[razki]

Update this please

[Lexiwu]

Replace View.propTypes to ViewPropTypes in all plugins you used.
That's how I fixed!

[valleywood]

Same problem for me

[samstr]

+1

[keeleycarrigan]

I think this is something in react-native-tab-view. When I made my own tab view based off what is going on in that this warning went away. Not sure, but just noticed that.

[larryranches]

+1

[skevy]

Should be released in 1.0.0-beta.10, as we've upgrade react-native-tab-view.

[qingtian5266]

in node_modules/react-native-tab-view/src and node_modules/react-native-tab-navigator

all JS files which have "View.propTypes" , should import { ViewPropTypes } from 'react-native' and replace View.propTypes to ViewPropTypes

[Abdul-majid-ashrafi]

Some problem

[matt-oakes]

This still seems to be present in 1.0.0-beta.11.

[Abdul-majid-ashrafi]

Please solve this issue.
Thanks

[jhalborg]

Still seeing this warning with a tab navigator on 1.0.0-beta.11

[axten]

me to

[ghost]

Have you a concrete example ?

[kelset]

Can it be that it is caused by babel-plugin-flow-react-proptypes plugin - that can be found in package.json?

According to the original repo, its latest version is 3.4.1 while the one in the package.json of this lib is 2.2.2.

[matt-oakes]

The cause is listed above by @cielu: The react-native-tab-view/src/TabViewAnimated.js react-native-swiper/src/index.js files are using a deprecated property and hense is generating a warning.

To fix this issue:

• Those libraries need to be updated to use the new ViewPropTypes.
• This library needs to be updated to use the newly updated dependencies.

[davidroman0O]

I hope it will be fixed quickly because it's really annoying! :)

[kelset]

I think react-native-tab-view v0.0.67 fixes its portion of the issue (released yesterday-ish); @matt-oakes I can't find the dependency on react-native-swiper in this lib :/

[vsofroniev]

Has there been any progress with this? Updating to 1.0.0-beta.11 does not fix the warning.
Like @kelset, I too cannot find a dependency to react-native-swiper

This has been open for a while and also marked as a bug, it would be great if we could get a fix out for this!

[junajan]

+1

[nhducit]

there is code mod to rename automatically
https://github.com/reactjs/react-codemod#reactnative-view-proptypes

[matt-oakes]

I actually think that all the dependencies on this library have not been fixed and this issue doesn't come up anymore.

In my case, I was still seeing the warning, but it was actually due to another library which is not brought in by React Navigation. In my case it was react-native-google-signin.

To see where it's coming from, take a look at the stack trace of the warning:

As far as I can tell, this issue has been fixed for this library and should be closed. Someone, please correct me if I'm wrong, however!

[AlanFoster]

I can confirm that the latest version of react-navigation has fixed this issue 👍

---

If you're wanting to know what libraries you depend on that need upgraded:

I was getting this warning within my jest tests, and I was able to work out which modules were failing via editing node_modules/react-native/Libraries/Core/ExceptionsManager.js to have:

   function reactConsoleErrorHandler() {
+   console.log(new Error().stack);
    console._errorOriginal.apply(console, arguments);
    if (!console.reportErrorsAsExceptions) {
      return;
    }

    if (arguments[0] && arguments[0].stack) {
      reportException(arguments[0], /* isFatal */ false);
    } else {
    ...

That way my tests output the stack containing the libraries that needed to be updated:

console.log node_modules/react-native/Libraries/Core/ExceptionsManager.js:71
  Error
      at BufferedConsole.reactConsoleErrorHandler [as error] (/app/node_modules/react-native/Libraries/Core/ExceptionsManager.js:71:13)
      at printWarning (/app/node_modules/fbjs/lib/warning.js:36:17)
      at warning (/app/node_modules/fbjs/lib/warning.js:60:22)
      at Function.get [as propTypes] (/app/node_modules/react-native/Libraries/Components/View/View.js:184:1)

      at Object.<anonymous> (/app/node_modules/react-native-modal-datetime-picker/src/CustomDatePickerIOS/index.js:98:341)
                   ^^^ This is the component that needs upgraded

      at Runtime._execModule (/app/node_modules/jest-runtime/build/index.js:447:13)
      at Runtime.requireModule (/app/node_modules/jest-runtime/build/index.js:295:14)
      at Runtime.requireModuleOrMock (/app/node_modules/jest-runtime/build/index.js:365:19)
      at Object.<anonymous> (/app/node_modules/react-native-modal-datetime-picker/src/index.js:3:26)
      at Runtime._execModule (/app/node_modules/jest-runtime/build/index.js:447:13)
console.error node_modules/react-native/Libraries/Core/ExceptionsManager.js:72
  Warning: View.propTypes has been deprecated and will be removed in a future version of ReactNative. Use ViewPropTypes instead.

In this case I had to upgrade react-native-modal-datetime-picker and all warnings were gone

[matt-oakes]

Great! I think this issue should be closed in that case. For anyone still seeing the warning, use the method above from @AlanFoster to check where it's coming from.

[sargunv]

Excellent, thanks!

[jeremyfrancis]

ViewStylePropTypes must be used now. I changed them all manually and got it working but it gives me a lot of warnings.

[ymz2012]

ViewPropTypes is not defined

[cmedinasoriano1]

@ymz2012 you should change

import React, { PropTypes } from 'react'

to

import React from 'react'
import { ViewPropTypes } from 'react-native'

[arunjkumarp]

How you remove View.propTypes.style. / how find which lib have the issue ?

My project is working in simulator but not in real device.

How i find which library have issue.

"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"axios": "^0.17.1",
"react": "16.0.0-beta.5",
"react-native": "0.49.3",
"react-native-collapsible": "^0.9.0",
"react-native-country-picker-modal": "^0.5.1",
"react-native-dash": "0.0.7",
"react-native-datepicker": "^1.6.0",
"react-native-elements": "^0.17.0",
"react-native-form-validator": "^0.2.0",
"react-native-modal-dropdown": "^0.5.0",
"react-native-router-flux": "^4.0.0-beta.28",
"react-native-vector-icons": "^4.4.2",
"react-navigation": "^1.0.0-beta.13",
"react-redux": "^5.0.6",
"redux": "^3.7.2",
"redux-logger": "^3.0.6",
"redux-persist": "^5.5.0",
"redux-thunk": "^2.2.0",
"rm": "^0.1.8",
"validate.js": "^0.12.0"
},
"devDependencies": {
"babel-jest": "21.2.0",
"babel-preset-react-native": "4.0.0",
"jest": "21.2.1",
"react-test-renderer": "16.0.0-beta.5"
},

[brentvatne]

@arunjkumarp - search in node_modules for it and remove. update libraries to latest