javascript - 在 React Native 上使用 require 而不是 import 时出现红屏

Question

我在使用的时候出现如下红屏

var React = require('react-native');
var {
    AppRegistry,
    StyleSheet,
    Text,
    TextInput,
    View,
    TouchableHighlight,
    ActivityIndicatorIOS,
    NavigatorIOS,
    Image,
    Component
} = React;

但是它在使用时有效

import React from 'react';

import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    NavigatorIOS
} from 'react-native';

但是如果我把它改成

var React = require('react');

它伴随着另一个红屏:

我的 index.ios.js 中的完整代码是这样的:

'use strict';

//import React from 'react';
//
//import {
//    AppRegistry,
//    StyleSheet,
//    Text,
//    View,
//    NavigatorIOS
//} from 'react-native';

var React = require('react-native');

var styles = React.StyleSheet.create({
    text: {
        color: 'black',
        backgroundColor: 'white',
        fontSize: 30,
        margin: 80
    },
    container: 
    {
        flex: 1
    }
});

class HelloWorld extends React.Component {
  render() {
    //return React.createElement(Text, {style: styles.text}, "Hello World!");
      return <Text style={styles.text}>Hello World Again</Text>;
  }
}

class PropertyFinderApp extends React.Component {
    render() {
        return (
            <NavigatorIOS
                style = {styles.container}
                initialRoute={{
                    title: 'Property Finder',
                    component: HelloWorld,
            }}/>
        );
    }
}

//AppRegistry.registerComponent(
React.AppRegistry.registerComponent(
    'PropertyFinder', 
    function() { return PropertyFinderApp }
);

仅供引用:我正在按照 Raywenderlich 的教程学习 RN here .所以完整的代码是从那里复制的。

这是用于版本信息的 package.json:

{
  "name": "PropertyFinder",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  },
  "dependencies": {
    "react": "15.1.0",
    "react-native": "0.28.0"
  }
}

Answer 1

Component 被移动到 React 而不是 React-Native 下:

import React, {
  Component
} from 'react';

import ReactNative, {
  ...
} from 'react-native';

当然你也可以用require来做，没有限制。