Animated.Text.propTypes.style problem on react-native-material-textfield after update to RN 0.62.2

[seebosmile]

My workaround issue on RN 0.62.2 + react-native-material-textfield 0.16.1 I fixed the error by edit code in node_modules/react-native-material-textfield.

1. import { Animated } => import { Animated,Text } in all /index.js
2. Animated.Text.propTypes.style => Text.propTypes.style in all /index.js

[Armanoide]

i make quick fix until a new version comes. https://gist.github.com/Armanoide/4628a6b1c123647a31b9e40205bfabf0

[FinnGu]

There are already two PRs that solve this problem. @n4kz can you please merge either one or give other contributors the right to do so?

https://github.com/n4kz/react-native-material-textfield/pull/233 https://github.com/n4kz/react-native-material-textfield/pull/252

[ArqumUsmani]

My workaround issue on RN 0.62.2 + react-native-material-textfield 0.16.1 I fixed the error by edit code in node_modules/react-native-material-textfield.

1. import { Animated } => import { Animated,Text } in all /index.js
2. Animated.Text.propTypes.style => Text.propTypes.style in all /index.js

after the above changes still the issue remains the same

[seebosmile]

My workaround issue on RN 0.62.2 + react-native-material-textfield 0.16.1 I fixed the error by edit code in node_modules/react-native-material-textfield.

1. import { Animated } => import { Animated,Text } in all /index.js
2. Animated.Text.propTypes.style => Text.propTypes.style in all /index.js

after the above changes still the issue remains the same

you should replace all in *index.js in sub folder

[ArqumUsmani]

My workaround issue on RN 0.62.2 + react-native-material-textfield 0.16.1 I fixed the error by edit code in node_modules/react-native-material-textfield.

1. import { Animated } => import { Animated,Text } in all /index.js
2. Animated.Text.propTypes.style => Text.propTypes.style in all /index.js

after the above changes still the issue remains the same

you should replace all in *index.js in sub folder

I did in " helpers -> index.js " , " label -> index.js ", "affix -> index.js"

Do i need to change it other files too?

[supunsashika]

My workaround issue on RN 0.62.2 + react-native-material-textfield 0.16.1 I fixed the error by edit code in node_modules/react-native-material-textfield.

1. import { Animated } => import { Animated,Text } in all /index.js
2. Animated.Text.propTypes.style => Text.propTypes.style in all /index.js

This works. Thank you!

[seebosmile]

My workaround issue on RN 0.62.2 + react-native-material-textfield 0.16.1 I fixed the error by edit code in node_modules/react-native-material-textfield.

1. import { Animated } => import { Animated,Text } in all /index.js
2. Animated.Text.propTypes.style => Text.propTypes.style in all /index.js

after the above changes still the issue remains the same

you should replace all in *index.js in sub folder

I did in " helpers -> index.js " , " label -> index.js ", "affix -> index.js"

Do i need to change it other files too?

no need

[ArqumUsmani]

My workaround issue on RN 0.62.2 + react-native-material-textfield 0.16.1 I fixed the error by edit code in node_modules/react-native-material-textfield.

1. import { Animated } => import { Animated,Text } in all /index.js
2. Animated.Text.propTypes.style => Text.propTypes.style in all /index.js

after the above changes still the issue remains the same

you should replace all in *index.js in sub folder

I did in " helpers -> index.js " , " label -> index.js ", "affix -> index.js"

Do i need to change it other files too?

no need

But why its still not working ive changed

{ Animated } to { Animated, Text }

And

Animated.Text.propTypes.styles to Text.propTypes.styles

[Humbl-e]

My workaround issue on RN 0.62.2 + react-native-material-textfield 0.16.1 I fixed the error by edit code in node_modules/react-native-material-textfield.

1. import { Animated } => import { Animated,Text } in all /index.js
2. Animated.Text.propTypes.style => Text.propTypes.style in all /index.js

after the above changes still the issue remains the same

you should replace all in *index.js in sub folder

I did in " helpers -> index.js " , " label -> index.js ", "affix -> index.js" Do i need to change it other files too?

no need

But why its still not working ive changed

{ Animated } to { Animated, Text }

And

Animated.Text.propTypes.styles to Text.propTypes.styles

Remove reference to Animated and change Animated.Text.propTypes.style => Text.propType in all /index.js (3 files)

[Anwardo]

@n4kz please merge one of the pending pull requests with a fix for this issue. Would be much appreciated.

[ram95krishh]

@n4kz Yes, could you please have one of the fixes merged?

[Arumugam-767135]

@n4kz, Please fix this issue ASAP

[javarahulsharma]

Please take a look at https://github.com/n4kz/react-native-material-textfield/issues/249#issuecomment-630224407

[big-toni]

@n4kz Yes, could you please have one of the fixes merged?

[nkryzano]

@n4kz Any idea of when this will be merged? The PR appears to still be open, and the fix is quite small.

[newfylox]

Since I updated to new React-Native version, I have strange behavior with the styling of this package. I temporary use the fix suggested to make it work, alongside with tcomb-form-native package, but some TextField doesn't show the base underline, some does.

When I click on the field, it shows the underline because it is focused, otherwise it's empty. My code didn't change.

Don't know if it's because the suggested fix is not fixing the whole thing, or if it's a strange behavior with new RN or if it's my other package.

[newfylox]

With the new fix I have this issue https://github.com/facebook/react-native/issues/22927

[ubaidjs]

Everyone who are struggling with this issue, I have modified and published this package to npm. try npm install @ubaids/react-native-material-textfield

[ghost]

@ubaidjs , sorry but your solution doesn't work for me. My react Native version is 0.63.3

[bezenson]

Open Source which we deserve :D @n4kz Are you still alive?

[Roopal78]

getting Same Issue on react-native v0.63.4, we have tried every Solution, no luck @n4kz Please Solve this Issue, we are getting Late for Production of the App. Quick replies will be appreciated.

[gabrieldonadel]

getting Same Issue on react-native v0.63.4, we have tried every Solution, no luck @n4kz Please Solve this Issue, we are getting Late for Production of the App. Quick replies will be appreciated.

Hi @Roopal78 , unfortunately this is a known bug in react-native-material-textfield and this lib appears to be abandoned. I suggest you using this fork rn-material-ui-textfield that has fixed this and some other bugs.

If you want to give it a try just run

npm install --save rn-material-ui-textfield

[ravinderKatta]

getting Same Issue on react-native v0.63.4, we have tried every Solution, no luck @n4kz Please Solve this Issue, we are getting Late for Production of the App. Quick replies will be appreciated.

Hi @Roopal78 , unfortunately this is a known bug in react-native-material-textfield and this lib appears to be abandoned. I suggest you using this fork rn-material-ui-textfield that has fixed this and some other bugs.

If you want to give it a try just run

npm install --save rn-material-ui-textfield

Thanks man! you saved my day 😊