Réagir Erreur native: "Impossible de trouver la variable: TouchableHighlight"

Question

Je suis en train de créer un tableau tactique dans React Native en utilisant Expo. J'utilise TouchableHighlight pour rendre le tableau touchable afin que je puisse ajouter X et O. Lorsque l'application est exécutée, j'obtiens l'erreur suivante: "Impossible de trouver la variable: 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, 
    }, 
}); 

Y at-il autre chose que je dois importer? J'ai regardé le code des autres et je ne vois rien de différent. Toute aide est appréciée, merci.

Answer 1

Vous avez juste besoin de import { TouchableHighlight } from 'react-native'.