javascript - React-Native – 未定义不是对象 (“evaluating _react3.default.PropTypes.shape” )

Question

我正在阅读有关使用“Navigator”对象的 React Native 的教程，该对象自教程发布以来显然已被弃用。其中包含一些勘误表，据说可以修复代码，但这仍然无法防止上述错误。我搜索了有关该主题的其他问题，但这些解决方案对我不起作用。

我已经安装了 '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

卸载已安装的react-native-deprecated-custom-components，如下所示。

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

之后按如下方式安装。

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

现在运行您的应用程序，您的问题将得到解决。