React Native - Nie można utworzyć wpisu tekstowego

Question

Próbuję utworzyć element wprowadzania tekstu, ale ciągle wyskakuje komunikat "Can not find Variable: TextInput", mimo że skopiowałem kod z ich strony początkowej.

Kod:

/** 
* Sample React Native App 
* https://github.com/facebook/react-native 
*/ 
'use strict'; 

var React = require('react-native'); 
var { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View, 
} = React; 

var AwesomeProject = React.createClass({ 
    render: function() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      My App Name 
     </Text> 
     <TextInput 
      style={{height: 40, borderColor: 'gray', borderWidth: 1}} 
      onChangeText={(text) => this.setState({input: text})} 
     /> 
    <Text>{'user input: ' + this.state.input}</Text> 
     </View> 
    ); 
    } 
}); 

var styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF', 
    }, 
    welcome: { 
    fontSize: 20, 
    textAlign: 'center', 
    margin: 10, 
    }, 
    instructions: { 
    textAlign: 'center', 
    color: '#333333', 
    marginBottom: 5, 
    }, 
}); 

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

a obraz błędu załączeniu.

Answer 1

Trzeba zainicjować TextInput z resztą składników reagujących-rodzimy następująco:

var { 
    TextInput, 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View, 
} = React;