TypeError: undefined is not an object (evaluating '_reactNative.Animated.Text.propTypes.style')

Question

After upgrading React Native to 0.62.2, and installing react-native-material-dropdown` library, project is giving this error:

github.com/n4kz/react-native-material-dropdown/issues/220 this might help — Neetin Solanki
– Neetin Solanki, Commented Apr 15, 2020 at 11:02

serene · Accepted Answer · 2020-04-18 08:40:30Z

57

I solved this by,

Commenting itemTextStyle: Text.propTypes.style in
..\node_modules\react-native-material-dropdown\src\components\dropdown file.
And remove Animated in Animated.Text.propTypes.style in

affix/index

helper/index

label/index

of react-native-material-textfield.
And added import { Animated, Text} from 'react-native'; in each of above three files.

answered Apr 18, 2020 at 8:40

serene

1,6564 gold badges23 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Philip Beber Over a year ago

Great answer but editing files under node_modules is not recommended. You can't add these files to source control since files under node_modules should be ignored. So there is no way for other developers on the same project to get the changes. And what happens if you want to upgrade to a newer version of that package? Your changes will be overwritten. A better approach would be to fork the react-native-material-dropdown package and publish a new package or get the changes integrated.

Philip Beber Over a year ago

I ended up creating a new package with the fix in it, and some other improvements (like typescript definitions): react-native-material-dropdown-no-proptypes.

Okpo Over a year ago

after editing the node_modules remember to use patch-package to patch it permanently, else the solution will be temporary

Pentagura Over a year ago

It works, thanks ! But I personnaly need to replace Animated.Text.propTypes.style by Text.propTypes

Avishkar Patil Over a year ago

not works for me

Jason Jin · Accepted Answer · 2020-07-21 03:54:32Z

47

Here is another solution I've found.

Remove installed package react-native-material-dropdown

yarn remove react-native-material-dropdown
Install new packages react-native-material-dropdown-v2 and react-native-paper

yarn add react-native-material-dropdown-v2 react-native-paper
Swap react-native-material-dropdown to react-native-material-dropdown-v2 in your code

e.g. import { Dropdown } from 'react-native-material-dropdown' to import { Dropdown } from 'react-native-material-dropdown-v2'

edited Jul 21, 2020 at 3:54

answered Jul 10, 2020 at 3:25

Jason Jin

1,85918 silver badges22 bronze badges

2 Comments

Arturo Ribes Over a year ago

Problem with this solution is that even if it replaces the dropdown fix, does not fix the react-native-material-textfield package

eggsloveoats Over a year ago

This works like a charm!

Ramesh R · Accepted Answer · 2020-08-23 13:55:38Z

32

I found the same problem while using @react-navigation/drawer

I've solved it by these steps.

Open node_modules and then search for react-native-material-textfield open the file and go to src folder
Under src you will see affix, helper, label folder - under each folder, there is an index.js
open the index.js of the mentioned folders one by one (all 3 folders) and search for the text style: Animated.Text.propTypes.style, and replace it by style: Text.propTypes
And import text form react-native like this import { Animated , Text} from 'react-native';
And now reload the terminal, and you are good to go

edited Aug 23, 2020 at 13:55

Ramesh R

7,0874 gold badges27 silver badges40 bronze badges

answered Jul 8, 2020 at 11:45

TripleM

1,29211 silver badges21 bronze badges

5 Comments

Umid Boltabaev Over a year ago

After doing those changes, I am getting another issue: TypeError: Object is not a constructor (evaluting new TextInput({})). Any idea how to fix it?

TripleM Over a year ago

I have solved the problem by that way which I have mentioned. And then app is working fine on my android (thought every time I have to do this after pulling from git). I would like to suggest you to uninstall the app then consider reinstalling it.

Wale Over a year ago

Am I really seeing this??? if you edit any file in node_modules, when you run nmp i, won't your changes be returned back to what it was???

TripleM Over a year ago

It's a temporary solution @Whales_Corps , if you installed node_modules again then you have to make the same changes . I'm trying for a permanent solution of this. I will update it when I will find the way to do such.

TripleM Over a year ago

And If you change once then if you do not reinstall with command npm install or sudo npm install then you can freely use this one . npm start have no link with the changes so app will run without any issue.

alycecristines · Accepted Answer · 2020-05-27 05:35:33Z

There is an issue open on github about this problem. As mentioned in the comment, it is possible to use this option to edit node modules, or create a patch so that it is not necessary to edit the files every time you add a new library or run an npm install.

Instruction:

Create patches directory in your project's root
Copy patch to patches/react-native-material-textfield+0.16.1.patch
yarn add patch-package postinstall-postinstall or npm i patch-package
yarn patch-package or npx patch-package

Fix is already applied. Add the following to package.json to not repeat the same next time:

 "scripts": {
+  "postinstall": "patch-package"
 }

https://github.com/n4kz/react-native-material-textfield/issues/249#issuecomment-625791243

Debarghya Maity · Accepted Answer · 2021-05-24 15:56:01Z

3

I faced the same issue while using react-native-material-dropdown.

Fix:

navigate to node_modules/react-native-material-textfield/src/components
Open files affix/index.js, helper/index.js and label/index.js
Replace style: Animated.Text.propTypes.style with style: Text.propType
import {Text} in each of these 3 files import { Animated ,Text} from 'react-native'

This should fix the issue

react-native version: 0.64.0

edited May 24, 2021 at 15:56

answered May 24, 2021 at 15:45

Debarghya Maity

715 bronze badges

Comments

Boommeister · Accepted Answer · 2022-10-24 08:41:44Z

2

For me it was the package "react-native-easy-toast" at version 2.0.0. The weird thing was, that I couldn't find "propTypes" or "Animated" anywhere in my Code or in my libs (node-modules). I'd expect to find it somewhere in the react-native-easy-toast folder in node_modules...

Anyway, after commenting all my toasts the app started again.

I now also found a patch for this: "https://github.com/crazycodeboy/react-native-easy-toast/issues/118" and with this and from other here mentioned patch-package it worked with the toasts and the patch gets automatically applied after npm install:)

answered Oct 24, 2022 at 8:41

Boommeister

2,1574 gold badges34 silver badges67 bronze badges

1 Comment

Daniel Cettour Over a year ago

same here! updated to "react-native-easy-toast": "~2.3.0" when updated to expo 46

AliRehman7141 · Accepted Answer · 2021-02-04 08:03:30Z

1

Just update the library they updated their library with fixes here is the link https://www.npmjs.com/package/react-native-material-dropdown-v2-fixed

answered Feb 4, 2021 at 8:03

AliRehman7141

1,0133 gold badges16 silver badges40 bronze badges

Comments

Community · Accepted Answer · 2021-12-15 11:50:22Z

1

I am using react-native-material-textfield package, and I also faced this error so I added this piece of code in my JS file right before importing:

import { Animated, Text } from 'react-native';
Animated.Text.propTypes = Animated.Text.propTypes || Text.propTypes;
import { TextField } from 'react-native-material-textfield';

edited Dec 15, 2021 at 11:50

CommunityBot

11 silver badge

answered Sep 14, 2021 at 6:16

Vladimir Hog

112 bronze badges

2 Comments

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

damdafayton Over a year ago

answer is clear

Sourabh Gera · Accepted Answer · 2022-01-25 04:40:32Z

0

I have faced the same issue while using react-native-material-dropdown.

Fixed using this:

navigate to node_modules/react-native-material-textfield/src/components
Open files affix/index.js, helper/index.js and label/index.js

edited Jan 25, 2022 at 4:40

answered Jan 24, 2022 at 9:47

Sourabh Gera

1,00611 silver badges8 bronze badges

Comments

Ali Raza Khan · Accepted Answer · 2022-07-21 06:53:50Z

0

I have resolved my issue by using this lib

react-native-material-dropdown-no-proptypes

answered Jul 21, 2022 at 6:53

Ali Raza Khan

2793 silver badges6 bronze badges

Collectives™ on Stack Overflow

TypeError: undefined is not an object (evaluating '_reactNative.Animated.Text.propTypes.style')

10 Answers 10

5 Comments

2 Comments

5 Comments

Comments

Comments

1 Comment

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

10 Answers 10

5 Comments

2 Comments

5 Comments

Comments

Comments

1 Comment

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related