TypeError:未定义不是对象(评估'_reactNative.Animated.Text.propTypes.style')

时间:2020-04-15 10:28:35

标签: react-native

在将React Native升级到my_functions.py,并安装react-native-material-dropdown`库之后,项目出现此错误:

enter image description here

6 个答案:

答案 0 :(得分:35)

我通过

解决了这个问题
  • 在{br />中注释QMake version 3.1 Using Qt version 5.14.2 in /usr/lib itemTextStyle: Text.propTypes.style 文件。

  • 并在

    ..\node_modules\react-native-material-dropdown\src\components\dropdown中删除Animated

    词缀/索引

    helper / index

    标签/索引

    Animated.Text.propTypes.style

  • 并在每个react-native-material-textfield中添加 以上三个文件。

答案 1 :(得分:21)

这是我找到的另一种解决方法。

  1. 删除已安装的软件包var reader = new FileReader(); reader.onload = function(e) { $('#img').css("display", "block").attr('src', e.target.result); var width = document.querySelector('#img').naturalWidth; alert(width); }; reader.readAsDataURL(event.target.files[0]);

    react-native-material-dropdown

  2. 安装新软件包yarn remove react-native-material-dropdownreact-native-material-dropdown-v2

    react-native-paper

  3. 在您的代码中将yarn add react-native-material-dropdown-v2 react-native-paper切换为react-native-material-dropdown

    例如 react-native-material-dropdown-v2import { Dropdown } from 'react-native-material-dropdown'

答案 2 :(得分:17)

在使用@ react-navigation / drawer时我发现了相同的问题

这些步骤已经解决了。

  1. 打开node_modules,然后搜索react-native-material-textfield,打开文件并转到src文件夹
  2. src下,您会看到affixhelperlabel文件夹-每个文件夹下都有一个index.js
  3. 一一打开(全部3个文件夹)打开上述文件夹的index.js,然后搜索文本style: Animated.Text.propTypes.style,并用style: Text.propTypes替换
  4. 然后像这样import { Animated , Text} from 'react-native';
  5. 导入文本本机
  6. 现在重新加载终端,您就很好了

答案 3 :(得分:5)

在github上有一个关于此问题的问题。如评论中所述,可以使用此选项来编辑节点模块或创建补丁,这样就不必在每次添加新库或运行npm install时都编辑文件。

说明:

  • 在项目的根目录中创建补丁目录
  • patch复制到 patchs / react-native-material-textfield + 0.16.1.patch
  • yarn添加补丁程序包postinstall-postinstall或npm i补丁程序包
  • 纱线补丁程序包或npx补丁程序包

已应用修复。将以下内容添加到package.json中,以便下次不再重复:

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

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

答案 4 :(得分:0)

只需更新他们用修复程序更新他们的库的库,这里是链接 https://www.npmjs.com/package/react-native-material-dropdown-v2-fixed

答案 5 :(得分:0)

我在使用 react-native-material-dropdown 时遇到了同样的问题。

修复:

  • 导航到node_modules/react-native-material-textfield/src/components
  • 打开文件 affix/index.jshelper/index.jslabel/index.js
  • style: Animated.Text.propTypes.style替换style: Text.propType
  • 在这 3 个文件中的每一个中导入 {Text} import { Animated ,Text} from 'react-native'

这应该可以解决问题

反应原生版本:0.64.0