ReferenceError: Can't Find Variable

Question

So i'm new to React Native but every time i put a new Component like a Button or an Image from Facebooks React Native Doc's i keep getting a "ReferenceError : Can't Find Variable" error on the simulator? This honestly happens when i add any other piece of code other than Text. Am i not linking something incorrectly? Anything would help.

 /** * 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

Try adding Button to the import like so:

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