Reactive Nativer Fehler: "Variable kann nicht gefunden werden: TouchableHighlight"

Question

Ich versuche ein Tic Tac Toe Board in React Native mit Expo zu erstellen. Ich benutze TouchableHighlight, um das Board berührbar zu machen, sodass ich Xs und Os hinzufügen kann. Wenn die App ausgeführt wird, erhalte ich den folgenden Fehler: "Variable kann nicht gefunden werden: TouchableHighlight" (Board.js 12: 6).

Board.js

import React, { Component } from 'react'; 
import { Text, View, Image, StyleSheet } from 'react-native'; 

export default class Board extends Component { 

    _onPressButton() { 
    console.log("you tapped the thing"); 
    } 

    render() { 
    return (
     <TouchableHighlight onPress={this._onPressButton}> 
     <View style={styles.container}> 
      <Image source = {require('./board.png')} style = {styles.table}/> 
     </View> 
     </TouchableHighlight> 
    ); 
    } 
} 

const Xmark = (props) => (
    <View> 
    <Image source = {require('./Xmark.png')} style = {styles.mark}/> 
    </View> 
); 

const Omark = (props) => (
    <View> 
    <Image source = {require('./Omark.png')} style = {styles.mark}/> 
    </View> 
); 

const styles = StyleSheet.create({ 
    container: { 
    flex: 6, 
    flexDirection: 'row', 
    justifyContent: 'center', 
    alignItems: 'center', 
    }, 
    table: { 
    height: 250, 
    width: 250, 
    }, 
    mark: { 
    height: 25, 
    width: 25, 
    }, 
}); 

Gibt es etwas, das ich importieren müssen? Ich schaute auf den Code anderer Leute und ich sehe nichts wesentlich anderes. Jede Hilfe wird geschätzt, danke.

Answer 1

Sie müssen nur import { TouchableHighlight } from 'react-native'.