反应原生的完整消息的缩小反应错误130

Question

我正在学习react-native编程，如果我删除按钮，我的下面的程序运行良好，当我添加按钮然后它会出错。

import React from 'react';
import {
  registerComponent,
} from 'react-native-playground';
import {
  StatusBar,
  StyleSheet,
  Text,
  View,
  TextInput,
  Alert,
  Button
} from 'react-native';

class TextInputDemo extends React.Component {
  render() {
    return (
      <View style={{flex:1, marginLeft:10, marginTop:40}}>

        <Text>Name</Text>
        <TextInput style={{height:50, flexDirection:'row'}} placeholder="Enter a name" />

        <Text>Age</Text>
        <TextInput style={{height:50, flexDirection:'row'}} placeholder="Enter a age" />

        <Text>Email</Text>
        <TextInput style={{height:50, flexDirection:'row'}} placeholder="Enter a email" />

        <Button title="REGISTER" style={{height:50, flexDirection:'row'}} />

      </View>
    );
  }
};

registerComponent(TextInputDemo);

我该如何解决这个问题。提前谢谢。

Answer 1

您正在错误地导入组件。它应该是：

import Button from 'react-native-button';

这是因为Button.js使用export default class而不是module.export导出组件。有关出口的更多信息here。