ReferenceError：変数を見つけることができません

Question

私はReact Nativeの新人ですが、FacebookやReact Native Docのボタンや画像のような新しいコンポーネントを置くたびに、 "ReferenceError：Can not Find Variable"シミュレータのエラー？これは正に、テキスト以外のコードを追加するときに起こります。間違って何かをリンクしていませんか？何かが助けになるでしょう。

/** 
 
* Sample React Native App 
 
* https://github.com/facebook/react-native 
 
* @flow 
 
*/ 
 

 
import React, { Component } from 'react'; 
 

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

 
const instructions = Platform.select({ 
 
    ios: 'Press Cmd+R to reload,\n' + 
 
    'Cmd+D or shake for dev menu', 
 
    android: 'Double tap R on your keyboard to reload,\n' + 
 
    'Shake or press menu button for dev menu', 
 
}); 
 

 
export default class App extends Component<{}> { 
 
    render() { 
 
    return (
 
     <View style={styles.container}> 
 
     
 
     <Text style={styles.welcome}> 
 
      This is a new App! 
 
     </Text> 
 
     <Text style={styles.instructions}> 
 
      To get started, edit App.js 
 
     </Text> 
 
     <Text style={styles.instructions}> 
 
      {instructions} 
 
     </Text> 
 
     <Button 
 
    onPress={onPressLearnMore} 
 
    title="Learn More" 
 
    color="#841584" 
 
    accessibilityLabel="Learn more about this purple button" 
 
/> 
 
     <Text style={{color: 'blue'}}>Hello</Text> 
 
     </View> 
 
     
 
    ); 
 
    } 
 
} 
 

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

** ERROR This is the error

Answer 1

てみてくださいそうのような輸入にButtonを追加：

import { 
    Platform, 
    StyleSheet, 
    Text, 
    View, 
    Button 
} from 'react-native';