Тип элемента недействителен при добавлении кнопки

Question

Я использовал следующий базовый учебник React Native. Затем после того, как она закончилась, я пытался добавить кнопку в коде, используемом в TextInput tutorial, следуя примеру в Button page

import React, { Component } from 'react'; 
import { AppRegistry, Text, TextInput, Button, View } from 'react-native'; 

class AwsumProjek extends Component { 
    constructor(props) { 
     super(props); 
     this.state = {tiText: ''}; 
    } 

    render() { 
     return (
      <View style={{padding: 10}}> 
       <TextInput 
       style={{height: 40}} 
       placeholder="Type here to translate!" 
       onChangeText={(tiText) => this.setState({tiText})} 
       /> 
       <Text style={{padding: 10, fontSize: 42}}> 
       {this.state.tiText.split(' ').map((word) => word && 'WA').join(' ')} 
       </Text> 
       <Button 
       title="Press Purple" 
       color="#841584" 
       accessibilityLabel="Learn more about purple" 
       /> 
      </View> 
     ); 
     } 
    } 

AppRegistry.registerComponent('AwsumProjek',() => AwsumProjek); 

Вместо этого я получил эту ошибку

Element type is invalid: expected a string (for built-in components) 
or a class/function (for composite components) but got: undefined. 
Check the render method of 'AwsumProjek'. 

Что я сделал не так? Видя другой ответ, это что-то связано с импортом чего-то?

Я - разработчик андроид, пытающийся научиться React Native, и как я сейчас, Javascript совершенно незнакомо для меня.

Answer 1

Убедитесь, что вы используете правильную версию React Native. Button Компонент был введен в React Родной вариант 0.37