React-Native - 未定义不是对象(“评估_react3.default.proptypes.shape”)

Question

我正在通过使用'navigator'对象的React Antial的教程，该对象显然已经弃用了该对象以来已被弃用。其中包含一些勘误表，据说可以对代码进行修复，但仍不能阻止上述错误。我已经在此主题上搜索了其他问题，但是解决方案对我不起作用。

我已经安装了'react-native-deprecated-custom-components'和'prop-types'，并将它们包括在下面的代码中。

这是代码：

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  Image,
  TouchableOpacity
} from 'react-native';
import { Navigator } from 'react-native-deprecated-custom-components';
import PropTypes from 'prop-types';
import Quote from './quote';
const zenImage = require ('./assets/zen_circle.png');
const navScene = {
  sceneContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'stretch'
  }
}
export default class App extends Component<{}> {
  // Following two lines of code were included in the errata, but cause
  // an unexpected token error right on the first period below.
  // Navigator.sceneStyle = {navScene.sceneContainer};
  // sceneStyle={styles.sceneContainer};
  render() {
    return (
      <Navigator
        initialRoute={{ name: 'StartScreen' }}
        renderScene={(route, navigator) => {
          return (
            <View style={styles.container}>
              {/*<TouchableOpacity style={styles.button} onPress={() => {alert('I was pressed!')}}>
                <Image source={zenImage} style={styles.buttonImage} />
              </TouchableOpacity>
              <Text style={styles.readyText}>I'm ready to relax...</Text>*/}
              <Quote quoteText="Amazing quote!" quoteSource="- Great source!"/>
            </View>
          );
        }}
      />
    );
  }
}

感谢您提供的任何帮助！

Answer 1

卸载已经安装的已安装的反应本性剥夺custom-components。

。

npm uninstall --save react-native-deprecated-custom-components

在此之后安装如下。

npm install --save https://github.com/facebookarchive/react-native-custom-components.git

现在运行您的应用程序，您的发行将被修复。

Answer 2

大多数情况下，这些错误是由于缓存的东西而发生的。

尝试此命令并检查：

cd android & gradlew clean & cd .. & rm -rf node_modules/ & npm cache clean --force & yarn install & react-native run-android

Answer 3

遇到了相同的问题，似乎他们没有更新其NPM软件包，但是他们的github分支具有更改，将其扔进您的软件包。JSON：

"react-native-deprecated-custom-components": "github:facebookarchive/react-native-custom-components",